移动设备分辨率及响应式断点汇总
浏览数：24 /
时间：2015年06月11日
最近一段时间都在忙于移动端工作的开发，其间积累了一些经验，在此和大家分享一下。如有不正确的地方，还希望网友能及时指正！
移动端开发最头疼的事情，莫过于设备的适配。也就是根据设备分辨率的大小，要展示一样的页面。首先要提醒大家注意的地方是，页面头部一定添加如下代码：
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
上述代码主要声明，视口的宽高等，在此不再赘述。
下面将列出一些机型在上述代码的基础上的分辨率：
测试代码：
alert(window.innerWidth+": 视窗宽度"+window.innerHeight);
alert(screen.width+": 屏幕分辨率"+screen.height);
上述只是众多机型中的部分，还有很多没有列出，希望热心网友可以继续补充。
有需要购置家用路由器和键盘鼠标的童鞋，不要忘记猛点宏正数码哦，在此欢迎！
转载请标明出处：http://www.cnblogs.com/callmesummer/p/4048605.html
拿出手机，打开支付宝扫一扫，再小的力量，也是一种支持：
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
