工具viewtorem：px轉換到rem（自動預處理）
rem的定義：
rem是相對於根元素來設定字型大小的，這樣就意味著，我們只需要在根元素確定乙個參考值，在根元素中設定多大的字型，這完全可以根據您自己的需求。
rem與em、px的區別：
px：畫素，比較精確的單位，但不好做響應式布局
em：以父節點font-size大小為參考點，標準不統一，容易造成混亂
rem使用方法示例：
1.html中預設的font-size:16px; 也就是 1rem = 16px
2.以設計寬度為750px為例，那麼定義font-size:50px; 那麼 1rem = 50px，比例為：750/50=15
3.定義頁面中的尺寸，就是: 寬度/50 rem（比例為15）。例如：設計稿中dom（20px）的尺寸為：20px/50=0.4rem
4.針對不同螢幕尺寸，按同比例設定font-size（比例仍為15）。相當於1rem 變成對應大小（font-size變小多少，1rem就同比例變小多少）。
5.例如：
螢幕寬度為750px，則html設定的font-size為：750/15 = 50，設計稿中dom（20px）的尺寸為：20px/50=0.4rem，1rem = 50px
螢幕寬度為320px，則html設定的font-size為：320/15 = 21.33….，設計稿中dom（20px）的尺寸依然為：20px/50=0.4rem，1rem = 320/750*50px
如下比例關係：
js動態設定width：
移動端 響應式中rem的坑
1 移動端做響應式布局用rem是目前移動端開發比較流行的一種適配方式，但是這種方式在一些方面卻存在著一些缺陷。寬度方面來看 目前主流的寬度 360px,375px,414px等，外加乙個小尺寸的320px。從內容來看，我們的內容一般為文字或。於是我們得出第乙個結論 既然文字不需要適應各種視窗大小變化...
Web移動端頁面 響應式和動態REM
鄙人最近才剛剛開始學習一些關於移動端的知識，還只是個小白，文中可能有許多理解錯誤，望指出，請多多見諒。顧名思義響應式頁面就是能做出響應的頁面，它的頁面效果不是定死的，會隨著使用者的改變而改變。如何著手響應式有以下幾個思考的方向 找乙份設計圖 使用media query 隱藏元素 新增meta vie...
移動端（響應式）
查詢 mdn stylesheet media max width 800px href example.css 複製 mobile first原則 響應式設計最好mobile first原則優先，不過pc first也可以，只不過現在一半以上的使用者都是用手機在訪問頁面 為實現響應式，可以根據不同...