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

如何使用jquery获得Ipad和Iphone视口的正确宽度。 因为我的网页比Ipad的原生尺寸大，所以它被缩小了。我要做的是将我的content div设置为每个浏览器的宽度，然后将overview隐藏。这适用于桌面浏览器。当我在Ipad或Iphone上进行测试时，情况就不同了，因为IOS的可伸缩性。我想保持这种比例，但能够检索到正确的宽度。我试过宽度和外套宽度，但没有成功

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

你试过这个吗：

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

---

为什么不在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%; }
}