1.1 rem單位
rem (root em)是乙個相對單位，類似於em，em是父元素字型大小。
不同的是rem的基準是相對於html元素的字型大小。
rem使用：
比如，根元素（html）設定font-size=12px; 非根元素設定width:2rem; 則換成px表示就是24px。
/* 根html 為 12px */
html
/* 此時 div 的字型大小就是 24px */
div
@media mediatype and|not|only (media feature)
rem+**查詢，實現螢幕大小改變，介面元素跟著一起改變的原理，實現順序：
關於rem布局
我們知道，當使用rem布局，並配合js動態按照比例設定html標籤上的rem值時，整個頁面是按照螢幕的寬度來整體縮放的。對於高度不限制的頁面 也就是超出一屏頁面可以滾動 這種方案沒有任何問題，簡單暴力。但是對於一些需要布滿一整屏的頁面 比如現在流行的上下 左右滑動的那種 由於乙個頁面的元素必須在乙個...
移動布局rem
content width device width,minimum scale 1.0,maximum scale 1.0,user scalable no name viewport html 為什麼設定為37.5px？你也可以設定為其它的值。但為了易於換算和記憶，我們預設為每種螢幕設定他的基礎...
rem布局解析
移動端的螢幕大小各異,尤其是安卓機,千奇百怪,各種尺寸的機型都有,而且有1倍屏,2倍屏，3倍屏之分，作為精益求精的前端，我們希望找到一種完美適配各種機型的方案。rem是現在主流的移動端自適應布局方案，本文主要介紹了rem布局的原理和通用方案 首先說一下，我們想要達到的自適應效果是什麼。很簡單 元素 ...