我正在开发一个只能在iPad上显示的页面，所以我真的不需要担心让它与其他任何东西兼容。我正在制作一个我希望可以滚动但不可扩展的页面，我希望它在不缩放内容的情况下更新页面宽度。
我试着做这样的事情：
<meta name='viewport' content='user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, width=device-width' />
这很有效，直到设备旋转。页面宽度不会更新为新的宽度，因此系统毫无意义。我怎样才能做到这一点？
一个选项是有两个独立的样式表，每个方向一个（如果您愿意，也可以在页面中完成）
在每种情况下，您都可以将"body｛width:--px；｝"设置为设备的特定宽度。
当然，我见过其他可滚动但不可缩放的iPad网络应用程序，它们只是始终保持横向宽度——在人像模式下，你还可以选择向左或向右滚动。在这种情况下，你只需要像往常一样为ipad的横向宽度定义机身宽度，我认为它是1024px。