Здравствуйте!
Делаю тут расширение для Chrome, столкнулся с проблемой. Появляется артифакт - см. по стрелочкам на скрине.
Если открыть просто как страницу - пробемы нет.
Если
style="width:417px; уменьшить до
width:416px; артефакт пропадает.
Если убрать параграф "critical" - артефакт пропадает. То есть как-то завязано на размеры окна.
Игрался с марджинами, педдингами, нормализацией - не помогает.
Вот верстка для воспроизведения:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover,maximum-scale=1,user-scalable=0">
<title>artefact</title>
<link rel="stylesheet" href="https://unpkg.com/normalize.css">
</head>
<body>
<div style="width:417px; background-color: white;">
<p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p>
<p>critical</p>
</div>
</body>
</html>
Средний
