如何在iOS设备旋转时使viewport content-width =设备宽度更新？

Question

我正在开发一个只能在iPad上显示的页面，所以我并不需要担心它会与其他任何东西兼容。我正在制作一个我希望可以滚动但不可缩放的页面，我希望它能够在不缩放内容的情况下更新页面宽度。

我试图做这样的事情：

<meta name='viewport' content='user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, width=device-width' /> 

那伟大工程，直到设备旋转。页面宽度不会更新为新的宽度，所以系统毫无意义。我该如何做这项工作？

Answer 1

一种选择是有两个单独的样式表，每一个方向（这也可以在页面做如果你愿意）

在每一个，你可以设置“体{width：--- px;}“到设备的特定宽度。

当然，我已经看到了其他可以滚动但不可缩放的iPad webapps，它们始终保持横向宽度 - 您也可以选择在纵向模式下向左或向右滚动。在这种情况下，你只需要像平常一样为ipad的横向宽度定义身体宽度，我相信这是1024px。