使用jquery确定屏幕宽度

Question

无法让这个脚本在iphone上正常运行6.继续“不能移动”。我错过了什么？

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

编辑：道歉，我在这里输入的代码有一个拼写错误，但不是我的问题的原因。我对iphone分辨率有不准确的信息。谢谢大家！

Answer 1

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

您可能对此感兴趣：http://detectmobilebrowsers.com/

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

Answer 2

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

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

有关详细信息，请参阅the documentation for width()。

Answer 3

iPhone6的屏幕是1334x750像素。 如果您仅使用宽度来检测移动用户，请改为this。

Answer 4

JQuery使用$(window).width()。这是一种功能，而不是财产。

Answer 5

您需要.width()，而不仅仅是.width。另外，请记录下来并确保它符合您的期望。

Answer 6

这个线程深入探讨了Javascript和JQuery中的选项

Get the size of the screen, current web page and browser window

Answer 7

如果您使用的是引导程序，请在屏幕上添加仅在特定断点（引导程序4）显示的元素：

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

然后，如果可见：

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