Для Chrome 79 / Firefox 72 на ноутбуке, Linux Mint 18, 24-дюймовый монитор.
Я нашел похожие, но не идентичные вопросы StackOverflow. Ближайший пример:
Границы на определенных уровнях масштабирования на веб-странице
Этот вопрос предполагает отключение масштабирования. Я понятия не имею, как это сделать ...
В противном случае, в моем случае:
Уровень масштабирования в веб-браузере на рабочем столе отключает 2em-нижнюю часть отредактированной веб-страницы и левые / правые границы.
Я использовал либо относительные единицы em, либо%.
Верхняя и левая-правая границы не зависит от уровня масштабирования.
Следующий снимок экрана иллюстрирует поведение.
- В хроме (79 на Linux), 90 процентов == без разрыва, 80 процентов == разрыва.
- В Firefox (72 на Linux), 110 процентов == без разрыва , 100 процентов == пробел.
Вот CSS, который создает границу 2em вокруг страницы:
body:before,
body:after {
content: "";
position: fixed;
background: #008800;
left: 0;
right: 0;
height: 2em;
}
body:before {
top: 0;
}
body:after {
bottom: 0;
}
body {
margin: 0em;
border-left: 2em solid #008800;
border-right: 2em solid #008800;
padding: 3em 3em 3em 4em;
background-color: #dddddd;
}
Есть также некоторые CSS, который подавляет границы на меньших экранах мобильных или настольных. Я не включил его, потому что не верю, что это влияет на проблему (?)
Я безуспешно пытался использовать инструменты разработчика обоих браузеров, чтобы изолировать проблему.
2020-02-12 РЕДАКТИРОВАТЬ:
Я пытался интерпретировать комментарии, которые были предложены в ответ на мой оригинальный пост , Оба они указали процентные единицы (% ). К сожалению, я не могу заставить работать единицы процента. Использование% удаляет границы, и я не могу получить H / F для HTML страницы до go в верхней части страницы; есть пробел.
Таким образом, вместо руководства я могу более четко понять, что я отложу это на время ...