移動端適配rem單位

2021-10-02 18:59:54 字數 368 閱讀 9361

1.rem單位

描述:rem是css中的乙個尺寸單位,和px,%,em等單位一樣,都是用來設定大小的。rem代表的含義為:【是html的字型大小的多少倍】。

語法:document.documentelement.style.fontsize = (document.documentelement.clientwidth/750)*100+『px』;

在750px大小的裝置中,1rem = 100px;

2.為什麼標準單位按照750px計算?

因為ps設計稿大多是750px標準來進行設計,所以對頁面進行750px等分,在ps設計稿中,1rem = 100px。換算完畢後:在移動直接按照ps設計稿中 rem單位直接賦值即可,不用在等比例縮小或放大

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

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

移動端 單位 rem

rem是指相對於根元素的字型大小的單位 相對單位 rem和em的區別,em相對于父元素的字型大小的單位。rem相對於根元素html字型大小計算,px是乙個絕對的單位。所以rem可以實現強大的螢幕適配布局 例如 html btn 那麼.btn的寬度為120px 高度為60px 所以在做移動端適配的時候...

移動端rem適配

3 使用js 將設計圖劃分為10等份或者15等份。新建common.less檔案,這是乙個專門來適配的檔案。我們大概可以寫如下的檔案 設定常見的螢幕尺寸 修改裡面的html文字大小 a 一定要寫到最上面 html 我們此次定義的劃分的份數 為 15 no 15 320 media screen an...