...

這里以iphone6為例，1rem就是16px，若font-size為12px就是0.667rem，用在字體上還好，要是其他元素也采用rem單位，頻繁計算就很麻煩了，以下整理了一份便於計算的↓ 這樣的話，計算起來就容易多了。例如一個盒子分別是100px，123px ...

通過js來控制頁面字體大小，直接上代碼： 接下來可以直接在頁面根元素中規定font-size的大小，這樣就可以控制整體頁面的文字大小自適應 最后總結一下 頁面中css公共樣式： 以上都是個人平時寫移動端頁面所需的常用css樣式 ...

rem.js View Code 使用時，引入rem.js 1rem=100px 用rem代替px寫樣式 ...

rem移動端適配： 在移動端（手機端、Pad端），設備尺寸參差不齊。如果想要寫完一套代碼，能夠在所有移動設備上都正常運行，那么采用原生的px單位來設置是不行的。舉個例子：iPhone6的尺寸是375px，如果我們想要一個盒子是占據整個寬度的一半，那么會將這個盒子的寬度設置為187.5px ...

隨着手機等移動設備的普及，移動端帶來的流量已經不可忽視，一個網站不只是只有pc的頁面就足夠了，移動端的適配已經勢在必行。但是移動設備種類繁多，屏幕尺寸也千奇百怪，能不能找到一種方式可以適配所有的手機屏幕呢？ 答案就是rem。 俗話說 “授人以魚不如授人以漁”，但今天我就反其道而行，就是授人以魚 ...

概念 對於移動端開發來說，無可避免的就是直面各種設備不同分辨率和不同DPR（設備像素比）的問題，在此忽略其他兼容性問題的探討。 移動端像素 設備像素(dp)，也叫物理像素。指設備能控制顯示的最小物理單位，意指顯示器上一個個的點。從屏幕在工廠生產出的那天起，它上面設備像素點就固定不變 ...

在使用vant UI時候，由於是在移動端開發 所以需要使用rem為單位，而vant里面的組件默認是px單位，就需要用到官網提供的兩個插件。 具體配置參看這位老哥的：https://www.jianshu.com/p/b0902e3d4aeb 配置完之后在開發中就可以使用px單位了，它會自動轉化 ...