移動端布局關鍵是要設定meta標籤：
布局使用 rem em px 百分比
下面重點說一下rem 的使用
1：瀏覽器根元素（html）預設的font-size的大小是16px
這樣的話如果我們想要使用rem 來完成布局，就需要用我們（測量的頁面寬）/16 得到的就是rem
例如：定義頁面寬100 換成rem
100/16=6.25rem
2: 自己定義瀏覽器根元素（html）的font-size的大小
例如：
html
.con
@function px2rem($px)height: px2rem(90px);
width: px2rem(90px);;
我們拿到的視覺圖是什麼樣的，我們就可以用設計稿的寬/font-size 的大小，這個值隨便定義，不想使html字型太大，一般定義為10
例如：我們用iphone6為基準設計的，那就是375/10=37.5
之後就用我們測量的寬/37.5來定義
如果為了好計算，一般640/16=40為基準，好計算一點
今天就到這裡了，see you
移動端使用rem布局
移動端的px其實指的是pt，也就是邏輯解析度。以iphone6為例，寬度是750px，但是在css中iphone6的寬度是375px，也就是375pt，而設計稿一般是750px的。所以在移動端中css的px是設計稿中px的一半。將設計稿中的px轉換為移動端中的px 如果設計稿是750px的，在其中有...
移動端rem布局
時隔半年，再次回顧移動端開發，感覺自己又張知識了 我們平常用的較多的單位是px,百分比，rem,em,vw,vh，但是在移動端用的比較多的還是rem，但是他在用的過程中要注意什麼呢，怎麼用呢，下面就開始啦。他是乙個度量單位，可以用他作為高寬，字型的單位。他以html中設定font size的大小為基...
rem移動端布局
1 rem是css3新增的相對長度單位，是指相對於根元素html的font size計算值的大小。簡單可理解為螢幕寬度的百分比。2 什麼是dpr?dpr是螢幕畫素密碼比 計算 dpr 液晶螢幕px尺寸 物理尺寸 量多少就是多少 常用的dpr有 dpr 2，dpr 3 window.devicepix...