Javascript Jquery移动设备旋转缩小屏幕

因此，我对iOS产品上的JQM和设备轮换存在问题。当用户旋转屏幕时，它不会调整大小以填充。我的头部有一行，用于处理显示大小：

    <meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

有人知道为什么iPhone不能正确处理屏幕旋转吗？它在我的android上运行良好

算出了，哈哈

在我的脑海里，我是这样做的：

<meta name="viewport" content="height=device-height,width=device-width,initial scale=1.0,maximum-scale=1.0" >

为此：

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

---

愚蠢的错误。希望这能帮助你们中的一些人。

要正确缩放所有设备屏幕大小，你应该在新的

视口

标签中添加

width=devicewidth

。这会破坏iPhone上的旋转吗？这就是我发现问题的地方……不久前我遇到了这个问题，我使用了这个

视口
标记：
。我发现，通过删除
height=deviceheight
，方向会按预期发生变化。我还发现，如果在
视口中有
height=deviceheight
标记，则可以通过在
orientationchange
上切换
视口中的高度/宽度值来解决iOS方向更改问题。