Я использую Bootstrap 4. У меня есть навигационная панель и т. Д. И т. Д.
При изучении медиазапросов я обнаружил правило CSS, которое я считаю полезным немного уменьшить общий размер шрифта ...
html {
font-size: 0.9rem;
}
Проблема в том, что, когда я делаю это, кажется, что вводится правая граница / пробел в 1 пиксель на всю страницу.
В этом анимированном .gif вы должны увидеть разницу между нормальным размером в font-size: 1rem; (без рамки) и при перезагрузке границей, которая появляется при font-size: 0.9rem;.
Для ясности - граница не появляется сразу при загрузке; Мне нужно заглянуть вправо, чтобы показать это. И когда я это сделаю, он остается видимым.
Это нормальное поведение?
Есть ли обходные пути?
Обновление:
Мне следовало написать код - https://jsfiddle.net/iamrobertandrews/aq9Laaew/266266/