rem用來設定字型大小

2021-08-14 04:37:02 字數 529 閱讀 5142

rem用來設定字型大小,也可以用於網格布局。rem中的r代表根元素,它的值就是根元素設定的字型大小。在大多數情況下,根元素就是html了。這個單位可以解決em設定字型時,由於繼承帶來的問題,具體如下:

body 

div

假設html存在這樣的結構:

test

test

test

div>

div>

div>

body>

但是用rem能避免

html 

div

這樣在上面的那三個巢狀的div的字型大小都是 1.2*14px = 16.8px 了。

在布局中,如下:

.container

呵呵,rem只是用來設定字型大小,沒有誰告訴你rem可以設定width和height

最好不用!

參考:

rem設定網頁字型大小

rem 是指根元素 root element,html 的字型大小,好開心的是,從遙遠的 ie6 到版本帝 chrome 他們都約好了,根元素預設的 font size 都是 16px。這樣乙個新的單位相容性如何呢?ie9 firefox chrome safari opera 的主流版本都支援了,...

系統字型大小導致rem布局變大

緣由 內部測試都ok,交給客戶看的時候,整天變大,本來7.5rem 750px,實際上大了很多。各種情況排除後,發現是客戶手機字型大小調整到了特大號 getcomputedstyle方法能夠獲取到計算後的樣式 大小。最後優化完的 如下。function doc,win if window.devic...

用於Rem字型大小調整的Mixins

remfont size單位類似於em,只是不是級聯而是始終相對於root html 元素 更多資訊 這具有很好的現代瀏覽器支援,僅是ie 8,我們需要為其提供px後備。不必在各處重複說明,我們可以使用less或sass mixins使其保持乾淨。這些mixins假定 html.font size ...