HTML Разница в размере отрисовки (Chrome и FireFox) - PullRequest
Новая
       182

HTML Разница в размере отрисовки (Chrome и FireFox)

1 голос
/ 05 августа 2020

Я разрабатываю интерфейс, используя bootstrap 4.

При предварительном просмотре страницы в Chrome и FireFox я заметил огромную разницу в размере страницы. Chrome показывает / отображает всю страницу намного больше, чем FireFox. Это включает размер шрифта и все элементы пользовательского интерфейса.

Интересно, почему это так? и как я могу заставить браузеры поддерживать один / стандартный размер?

Обновление: Я просто посетил https://getbootstrap.com в обоих браузерах и заметил то же самое в Chrome он больше, и порт просмотра закрывает меньше веб-страницы. С другой стороны, FireFox отображает меньший / нормальный вид и покрывает большую часть выше сгиба.

1 Ответ

0 голосов
/ 05 августа 2020

Браузеры имеют разные настройки размера шрифта. Разница вроде 1,25. Таким образом, 10px Chrome становится 12,5px на Firefox. Вы можете изменить этот хром / настройки / внешний вид.

display: flex на родительский компонент, разверните всю доступную высоту родительского компонента.

на родительском компоненте: position: relative,

на ребенка: position: absolute height: 100% width: 100%

...