Question

如何使用jquery获取Ipad和Iphone视口的正确宽度。因为我的网页大于Ipad的原生大小，所以它会缩小。我要做的是将我的内容div设置为每个浏览器的宽度，然后设置隐藏的概述。这适用于桌面浏览器。当我在Ipad或Iphone中测试时，由于IOS中的缩放，它是一个不同的故事。我想保持缩放，但能够检索正确的宽度。我尝试过width和outerWidth（），但没有运气。

        $(window).resize(function() {
        $('#content').css({width: $(this).outerWidth()});
    });

Answer 1

你试过这个：

$( window ).height();
$( window ).width();

Answer 2

为什么不在CSS中使用百分比？

例如，您可以使用以下内容完成您在示例中所做的事情：

#content { width: 100%; }

编辑：另外，如果你想在不同的设备上完成不同的事情，我建议你阅读CSS媒体查询和响应式设计。

例如，假设在您的网站的完整视图中，您希望您的内容占据宽度的70％，侧边栏占据其余部分。但是，当有人通过智能手机查看您的网站时，您希望内容占据页面的整个宽度，并且侧边栏位于其下方，并且还具有全宽度。你可以这样做：

.main-content { width: 70%; float: left; }
.sidebar { width: 30%; float: left;}

@media screen and (max-width: 500px) {
   .main-content, .sidebar { width: 100%; }
}

如何使用jquery获取Ipad和Iphone视口宽度

2 个答案: