rem是相對單位(r 意思root根元素，html標籤)，大小是基於html元素的字型大小
em大小是基於父元素的字型大小
lang
="en"
style
="font-size
: 60px
">
>
charset
="utf-8"
>
>
titletitle
>
>
body
.em.rem
style
>
head
>
>
class
="em"
>
aaaaadiv
>
class
="rem"
>
aaaaadiv
>
body
>
html
>
伸縮布局 flex
流式布局 百分比
響應布局 **查詢 （超小屏裝置的時候：流式布局）
rem布局
rem布局，通過控制html上的字型大小去控制頁面上所有已rem為單位的基準值控制尺寸
把頁面上px單位轉換成rem單位
頁面製作的時候psd上的量取的px轉成rem使用
預設乙個基準值 方便計算100px適配的時候設定基準值320px 50px怎麼算：（·640px 100px ===320px 50px·）
換算公式：當前rem基準值 = 預設的基準值 / 設計稿寬度 * 當前裝置的寬度 （設計稿寬度/當前裝置的寬度 = 預設的基準值 / 當前rem基準值）
怎麼去改變 （js換算，**查詢推薦）
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
>
>
titletitle
>
>
/*假設的裝置 320px 414px 640px */
@media
(min-width
: 320px) }
@media
(min-width
: 414px) }
@media
(min-width
: 640px) }
body
/*流式容器*/
header
style
>
head
>
>
>
購物車header
>
body
>
html
>
Rem簡單使用
一.使用原則 只有固定的寬度和高度才使用rem，其它的可以採用百分比布局 注意 metaname viewport content width device width,initial scale 1.0 二.原理 rem只和根標籤html的font size的數值有關，也就是說1 rem 當前螢幕...
如何使用rem單位
最近搞移動端，真是被rem em與px的換算要了老命了，看了不少文件，似乎弄明白了，這不今天用又矇圈了。好多文件上老是說用rem就給html設定font size，用em就給body設定font size 看了下bootstrap樣式表，html body 其他樣式略哈，就講這兩個主要的。可惜大姐長...
為什麼使用rem？
rem font size of the root element 是指相對於根元素的字型大小單位。而與之相似的em font size of the element 是指相對于父元素的字型大小的單位。1 固定寬度的做法 主體的寬度設定為320，超出部分留白。2 響應式的做法 3 設定viewpor...