簡體   English   中英

HTML 渲染大小差異(Chrome 和 FireFox)

[英]HTML Render Size Difference (Chrome and FireFox)

我正在使用引導程序 4 設計一個界面。

在 Chrome 和 FireFox 中預覽頁面時,我注意到頁面大小存在巨大差異。 Chrome 顯示/渲染整個頁面比 FireFox 大得多。 這包括字體大小和所有 UI 元素。

我想知道為什么會這樣? 以及如何強制瀏覽器保持一個/標准尺寸?

更新:我只是在兩個瀏覽器中訪問了https://getbootstrap.com並注意到同樣的事情,在 Chrome 中它更大並且視口覆蓋更少 web 頁面。 另一方面,FireFox 顯示更小/正常的視圖,並在折疊上方覆蓋更多。

瀏覽器有不同的字體大小設置。 差異就像 1,25。 所以 10px Chrome 在 Firefox 上變成 12,5px。 您可以更改此 chrome/設置/外觀。

display: flex到父組件,展開父組件的全部可用高度。

在父組件上: position: relative ,

在孩子身上: position: absolute height: 100% width: 100%

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM