文档介绍：移动端前端适配方案(总结)
在网上搜了一下，很多面试都会被问到移动端适配方法的问题，最近看了一些文章，这里总结一下。
首先，谈一下目前为止出现的一些关于移动端适配的技术方案：
⑴通过媒体查询的方式即CSS3的meidaqueries
页面宽度就会等于设备逻辑像素大小，也就device-width。这个device-width的计算公式为：设备的物理分辨率/（devicePixelRatio*scale），
在scale为1的情况下，device-width=设备的物理分辨率/devicePixelRatio。
4、rem实现
比如说“魅族”移动端的实现方式，viewport也是固定的：
<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
通过以下代码来控制rem基准值（设计稿以720px宽度量取实际尺寸）
!function(d){
varc=;
vara=;
varb=;
varf;
functione(){
varh=().width,g;
if(b===1){
h=720
}
if(h>720)h=720;/设/置基准值的极限值
g=h/;
=g+"px"
}
if(b>2){
b=3
}else{
if(b>1){
b=2
}else{
b=1}
}
("data-dpr",b);
("resize",function(){clearTimeout(f);
f=setTimeout(e,200)
},false);
e()
}(window);
css通过sass预编译，设置量取的px值转化rem的变量$px:(1/100)+rem;
wk・腎kCATSM弋0\R!§1Etencnts'SoetcbWtwr4!HnfWs»叩!<*・McdprJhiyWCorioolfcSetM^rAmI
钉円rito*FFV“t>«H讪**«^1Dr^p
(1-胖••谆fi・l+即一扪茴77
iiMit-•萃B丄dats-sod'xEeid-
"机*Mi™-Sulcirw^：irtr&ffrj
Pl«dn|--«QPe,.VK4Qi4414-"VMtlQ
THid[Jis：Si'WHtiUnfr'[Jst**rsK*tici»"5B*'
*-j!:ll-hi"*Hfil--?jcfUT4-
rtfCTLe^.
:Wnr若
LlzEja%-*.wLt«|Lc-bMChfj-Durdl2
rraiti-ni-JiEt：,di'_.^Et
・*dljti£1La-<,"B^e-b*r3ui^-
•F叶S-K„/Li
:IiiEmsjh・Ltte12st-il^^biclip-Durd;WfiFj"oiffti-frictS3-'.«