![](/img/trans.png)
[英]difference in placeholder size in input in chrome and firefox browser
[英]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.