1 移動端設計圖750時，html font-size=50px。
使用方法：
1 新增viewport。
2 在頁面最裡面引入該段js**。（建議在head裡面引入）
3 css 的編寫，設計圖為750px時，頁面標註大小除以100即可，
例如：設計圖標註的是，寬300px,高300px。
使用rem就是，width：3rem；
height：3rem；
(function (doc, win) else
}; if (!doc.addeventlistener) return;
win.addeventlistener(resizeevt, recalc, false);
doc.addeventlistener('domcontentloaded', recalc, false);})(document, window);
移動端使用rem布局
移動端的px其實指的是pt，也就是邏輯解析度。以iphone6為例，寬度是750px，但是在css中iphone6的寬度是375px，也就是375pt，而設計稿一般是750px的。所以在移動端中css的px是設計稿中px的一半。將設計稿中的px轉換為移動端中的px 如果設計稿是750px的，在其中有...
移動端布局rem如何使用
移動端布局關鍵是要設定meta標籤 布局使用 rem em px 百分比 下面重點說一下rem 的使用 1 瀏覽器根元素 html 預設的font size的大小是16px 這樣的話如果我們想要使用rem 來完成布局，就需要用我們 測量的頁面寬 16 得到的就是rem 例如 定義頁面寬100 換成r...
使用 rem 做移動端適配
一 為什麼要使用rem 隨著手機的普及，以及手機可以方便攜帶的有優點，所以現在大多數時候，人們都會選擇用移動端檢視網頁。由於手機的螢幕大小不一，我們使用傳統的px單位已經無法滿足使用者檢視頁面的效果 舉個例子 我們有乙個200 x 200的盒子 如果使用px的話就會出現在不同裝置看到盒子的比例不是一...