rem計算推導

2021-09-12 01:29:45 字數 986 閱讀 6447

rem適配布局

1)問題:px轉rem

輸入:設計稿寬度uiwidth,設計稿uipx,移動端螢幕mwidth

輸出:以rem為單位的mrem

預備知識:

1.rem是css3單位,其大小根據根元素上的font-size決定。

2.瀏覽器能顯示最小的font-size為12px。所以一般是螢幕寬度除以10

2)rem本質上是等比縮放,公式為:

uiwidth    mwidth

-------- = ----------

uipx          mrem

變形:

mwidth * uipx                                   10                uipx

mrem = ------------------ * (mwidth/10) * --------- = -------------- * rem

uiwidth                                           mwidth    uiwidth/10  

注意:

rem = mwidth/10 當做乙個單位

mwidth = document.documentelement.getboundingclientrect().width

一般uiwidth = 750;所以也可簡化為:

uipx

mrem = ------- * rem

75

3)總結:rem本質上是對螢幕的劃分,vw就是出來解決這種問題的單位,但是相容性不好。

rem 計算公式

rem 量圖計算公式 獲取比值 裝置尺寸 設計圖尺寸 例如 裝置寬度尺寸為 375px 設計圖尺寸為750px,計算獲得比值為0.5,量得設計圖上某個元素寬度為 100px,實際在375px寬度的裝置上此元素為 100 0.5 50 px。故 設定html 下font size 預設值為 0.5px...

rem與px換算的計算方式

rem font size of the root element 是指相對於根元素的字型大小的單位。簡單的說它就是乙個相對單位。看到rem大家一定會想起em單位,em font size of the element 是指相對于父元素的字型大小的單位。它們之間其實很相似,只不過乙個計算的規則是依賴...

矩陣求導公式的推導和計算(公式推導法)

但是在實際的公式推導中,我們不可能按照定義逐個進行求導,一方面這樣很麻煩,另一方面,對於包含矩陣和向量的公式的求導用這種方式進行求解也是不合適的。就好像你不會每次在求導的時候都是從極限的定義開始求解的一樣。這部分內容,相信大部分同學和我一樣,在簡單推導的時候還可以看個大概,遇到複雜的就不知所云。究其...