1. meta viewport
viewport是指web頁面上用戶的可見區(qū)域忍啤，viewport的大小是和設(shè)備相關(guān)的窜管。
- width：控制viewport的寬度大小现恼，你可以給它指定一個(gè)值偷厦，如：600展氓，或者甚至還可以給它一個(gè)特殊的值，如：device-width割去，device-width為設(shè)備的寬度窟却。
- height：與width相對(duì)應(yīng)，指定viewport高度呻逆。
- initial-scale：初始縮放比例夸赫，也即是當(dāng)頁面第一次load的時(shí)候縮放比例。
- maximum-scale：允許用戶縮放到的最大比例咖城。
- minimum-scale：允許用戶縮放到的最小比例茬腿。
- user-scalable：是否允許用戶手動(dòng)縮放呼奢。
2. 媒體查詢
css頂端加@media，可以針對(duì)不同的媒體類型定義不同的樣式切平。
3. 媒體查詢
rem是相對(duì)于html字體大小的比例握础，比如根元素設(shè)置為
html{font-size:10px}
則1rem = 10px，2rem=20px等等
