最近研究微貸網的移動端**，發現他們**在適配不同寬度螢幕的顯示情況時，發現他們並不是利用rem單位，而是利用js動態設定mete的viewport來達到適配的效果。
感覺挺不錯的，也不需要計算什麼東西，單位繼續用px.**分享下：
//計算縮放比例
(function
() )();
<meta
name
="viewport"
content
="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
>
利用rem進行移動端頁面布局
前言 在移動端進行頁面布局的時候，使用rem元素，可以適應不同手機螢幕尺寸下的情況，進行適配。寫乙個rem.js檔案引入，樣式中涉及高度 尺寸 字型大小等單位時，直接使用rem即可，簡單方便快捷。一 rem.js function doc,win else if doc.addeventlisten...
移動端頁面布局
上下兩條固定到上邊和下邊，中間的內容區域佔據剩餘的空間 all html,body,container 第一種方法 1 header高度固定畫素，footer固定畫素。section高度calc 100 header高度 footer高度 2 header,footer設定絕對定位的方式 absol...
移動端頁面總結
關於前端移動端頁面開發的總結 從兩種情況來看 一 單頁面 落地頁之類的 1.一般都是分為幾個大的模組，可以延續之前的做法，每個模組都用乙個語義化的id表示出來，更加便於維護 2.可以像之前一樣搭好乙個大的框架，在框架裡面填內容就可以了 3.對於字型 顏色等盡量從藍湖中取得，如果沒有那麼最好在寫頁面之...