【问题标题】:Get native screen resolution using jQuery使用 jQuery 获取本机屏幕分辨率
【发布时间】:2012-12-10 05:37:21
【问题描述】:

我想在设备上获取本机屏幕宽度以在 DOM 中附加脚本。可以使用 jQuery 吗?

谢谢

【问题讨论】:

    标签: jquery mobile media-queries


    【解决方案1】:

    【讨论】:

    • 谢谢,这就是我要找的:)
    • TypeError: window.screen 在 Firefox 20 和 21 中未定义。
    • @rebellion 哪个操作系统? window.screen 在 OSX 上的 Firefox 21 上为我工作:i.imgur.com/anwTtVM.png
    【解决方案2】:

    当然。您可以使用以下方法获取基本宽度和高度:

    screen.width;
    screen.height;
    

    如果需要,您还可以使用以下方法获取像素比(如果您还需要检测视网膜显示器时很有用):

    window.devicePixelRatio
    

    【讨论】:

      【解决方案3】:

      您可以使用 css 属性将宽度设置为设备宽度:

      width: device-width;
      

      【讨论】:

        【解决方案4】:

        你应该使用:

        window.screen.availHeight
        window.screen.availWidth
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2010-12-03
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2012-02-15
          • 1970-01-01
          相关资源
          最近更新 更多