如何在iOS设备旋转时更新视口content-width= device -width？

Question

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

我试着这样做：

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

这很有效，直到设备被旋转。页面宽度不会更新为新宽度，因此系统毫无意义。我怎么才能让它工作呢？

Answer 1

一种选择是有两个单独的样式表，每个方向一个(如果你愿意，这也可以在页面中完成)

在每个版本中，您都可以将"body { width：-px；}“设置为设备的特定宽度。

当然，我也见过其他可滚动但不可伸缩的iPad when应用，它们始终保持横向宽度-当处于纵向模式时，您也可以选择向左或向右滚动。在这种情况下，你只需要像往常一样为ipad的横向宽度定义机身宽度，我相信是1024px。