***
rem "em" 單位是我們開發中比較常用到的，它表示以當前元素的父元素的單位大小為基準來設定當前元素的大小；「rem」 中的 「r」 代表 「root」，它表示以根（即「html」）元素的單位大小為基準來設定當前元素的單位大小，所以不管當前元素是任意子節點，一旦設單位大小為 「rem」 那麼這個元素大小都是以根元素單位為參考的，這裡的「em」 和 「rem」 均具有繼承性。
3. vmin 和 vmax「vmin」 即 「viewport」 寬度和高度相比較最小的那乙個。（也就是說，如果當前元素單位設定了 「vmin」 那麼瀏覽器會去判斷寬度和高度的大小，然後繼承小的值）「vmax」 同理，繼承寬高比較，大的那乙個值；即，寬和高誰大，就繼承誰的值。這裡我們假設：瀏覽器的寬度為1300px，高度為960px； 50vmin = 960 * (50/100)； 50vmax = 1300 * (50/100)；
移動端布局單位
移動端裝置種類繁多，需要適配多種情況的響應式布局來保證美觀的頁面實現，先來解釋容易弄混的多個名詞。function var b null window.addeventlistener resize function 1 a window 我們的設計稿寬為720，我們將瀏覽器可見區域 7.2得到10...
移動端適配單位
之前做 的時候有聽前同事提起過，移動端的畫素單位是vw,今天剛好想起這個問題。vw就是用螢幕寬度做適配，移動端千奇百怪的尺寸，用寬度適配能避免好多問題。眾所周知css技術我們雖然很熟悉，在使用的過程卻很容易被困住，這讓我們在新問題出現的時候變得很不利。隨著web繼續不斷地發展，對於新技術新解決方案的...
移動端 單位 rem
rem是指相對於根元素的字型大小的單位 相對單位 rem和em的區別，em相對于父元素的字型大小的單位。rem相對於根元素html字型大小計算，px是乙個絕對的單位。所以rem可以實現強大的螢幕適配布局 例如 html btn 那麼.btn的寬度為120px 高度為60px 所以在做移動端適配的時候...