使用jquery确定屏幕宽度答案

【问题标题】：Using jquery to determine screen width使用jquery确定屏幕宽度
【发布时间】：2015-07-05 04:09:46
【问题描述】：

无法让此脚本在 iphone 6 上正常运行。一直显示为“非移动设备”。我错过了什么？

$(document).ready(function(){
    if ($(window).width < 700){
        alert("mobile");
    }
    else {
        alert("not mobile");
    }
});

编辑：抱歉，我在这里输入的代码有错字，但这不是我的问题的原因。我对 iPhone 分辨率的信息不准确。谢谢大家！

【问题讨论】：

【解决方案1】：

iPhone 6 显示屏的分辨率为 1334x750。在 chrome 开发工具中模拟 iPhone6 时，宽度报告为980（我不知道这是否准确）。

另外，正如其他人所指出的，将 $(window).width 替换为 $(window).width()

【讨论】：

视口大小和分辨率有什么区别？ viewportsizes.com/?filter=iphone%206
该网站没有显示任何有关设备宽度/高度的信息。请转至 whatismyscreenresolution.net。
由于这很旧，我不确定您是否已经解决了移动屏幕的问题。但这为我解决了这个问题。只需将其添加到您的标记中。 <meta name="viewport" content="width=device-width, initial-scale=1.0">

【解决方案2】：

JQuery 使用$(window).width()。它是一个函数，而不是一个属性。

【讨论】：

【解决方案3】：

好吧，忽略关于屏幕分辨率的what ekuusela said，您似乎忘记了width 后面的括号，这是一个方法，而不是一个字段。要解决此问题，只需在其后添加 ()：

if ($(window).width() < 700)

【讨论】：

【解决方案4】：

你会想要.width()，而不仅仅是.width。此外，记录它并确保它是您所期望的。

【讨论】：

【解决方案5】：

iPhone6 屏幕为 1334x750 像素。如果您只使用宽度来检测移动用户，请参阅this。

【讨论】：

【解决方案6】：

这个帖子深入探讨了 Javascript 和 JQuery 中的选项

【讨论】：

【解决方案7】：

如果您使用的是引导程序，请向屏幕添加一个仅在某个断点处显示的元素（引导程序 4）：

<div id="IsMobile" class="d-block d-lg-none"></div>

如果它是可见的：

if ($("#IsMobile").is(":visible")) {
     //Do Something...
}

【讨论】：