• 移动设备分辨率及响应式断点汇总


      最近一段时间都在忙于移动端工作的开发,其间积累了一些经验,在此和大家分享一下。如有不正确的地方,还希望网友能及时指正!

      移动端开发最头疼的事情,莫过于设备的适配。也就是根据设备分辨率的大小,要展示一样的页面。首先要提醒大家注意的地方是,页面头部一定添加如下代码:

    <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

    拿出手机,打开支付宝扫一扫,再小的力量,也是一种支持:

  • 相关阅读:
    自我介绍
    constructor
    arrow function、function.apply
    for each...in
    类与对象与结构体的区别
    编程语言的发展史
    正则表达式中pw、IDCard和EM匹配
    正则表达式速记
    js中用户名的正则(字符,数字,下划线,减号)
    DOM与document的区别
  • 原文地址:https://www.cnblogs.com/callmesummer/p/4048605.html
Copyright © 2020-2023  润新知