移動端 單位 rem

2022-03-06 16:03:43 字數 386 閱讀 3247

rem是指相對於根元素的字型大小的單位(相對單位)

rem和em的區別,em相對于父元素的字型大小的單位。rem相對於根元素html字型大小計算,

px是乙個絕對的單位。

所以rem可以實現強大的螢幕適配布局

例如:

html    

.btn

//那麼.btn的寬度為120px;高度為60px;

所以在做移動端適配的時候就要根據不同解析度設定font-size的值,做法:

(function () 

window.addeventlistener('resize', onwindowresize);

onwindowresize();

})();

移動端適配rem單位

1.rem單位 描述 rem是css中的乙個尺寸單位,和px,em等單位一樣,都是用來設定大小的。rem代表的含義為 是html的字型大小的多少倍 語法 document.documentelement.style.fontsize document.documentelement.clientwi...

移動端rem距離單位的使用

在做移動端開發的時候大家肯定會遇到適配問題,手機的螢幕大小有非常多的類別,使用傳統的px距離單位已經無法滿足我們的需要,於是rem便橫空出世,他與百分比定位是比較像的,但是也是有一定的區別,在這裡就跟大家分享一下rem的使用方法。rem是乙個相對單位,他的大小是可以根據你的計算來定的,比如說在我的移...

移動端適配(rem單位定義方法)

注 移動端必須寫 1.首先設定html 頁面寬度為html字型大小的rem 即25rem 推薦html字型大小設定為12px到25px之間,不能設定大於25px,w3c對網頁最小字型並沒有硬性的規定。只是我們在設計網頁的時候因為考慮到可閱讀性,最小一般為12px大小,如果設定大於25px,可能最終的...