一、rem基礎 rem（root em）是一個相對單位，類似em，em是相對於父元素的字體大小 不同的是rem的基准是相對於HTML元素的字體大小 rem的優勢:父元素文字大小可能不一致， 但是整個頁面只有一個html，可以很好來控制整個 ...

基本概念 1、單位 Px(CSS pixels) 像素 (px) 是一種絕對單位（absolute units）， 因為無論其他相關的設置怎么變化，像素指定的值是不會變化的 其實是相對 ...

轉自：http://www.w3cfuns.com/notes/23659/5e3cd2904a56f5e6b86c4d49e90e0f34.html 一、 首先我們先來看看淘寶不同分辨率下的適配頁面 可以看出來 ...

rem相對於html元素的字體大小； em相對於父元素的字體大小； rem與媒體查詢(@media)更配 ...

1. rem適配方案 目標：讓一些不能等比例適配的元素達到當設備尺寸發生改變的時候，等比例適配當前的設備。 方法：使用媒體查詢更具不同的設備安裝比例設置html字體大小，然后頁面元素使用rem做尺寸單位，當html字體變化的時候，元素尺寸也會發生變化，從而達到等比縮放的適配 ...

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

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

100%還原設計圖，要注意： 看布局，分析結構。 感覺難點在於： 1.測量精度（ps測量數據）； 2.文字的行高。 前段時間寫個移動端適配的頁面（剛接觸這方面），查了一些資料，用以下方法能實現： 1.設置理想視口： 自動適應屏幕寬度 ...