我正在开发一个只会在iPad上显示的页面，所以我真的不需要担心让它与其他任何东西兼容。我正在创建一个我想要滚动但不可扩展的页面，我希望它能够在不缩放内容的情况下更新页面宽度。
我尝试过这样的事情：
<meta name='viewport' content='user-scalable=no, maximum-scale=1.0, minimum-scale=1.0, width=device-width' />
这很有效，直到设备旋转。页面宽度不会更新为新宽度，因此系统毫无意义。我怎样才能做到这一点？
答案 0 :(得分：0)
一个选项是有两个单独的样式表，每个样式一个（如果您愿意，也可以在页面内完成）
在每个中，您可以将“body {width：--- px;}”设置为设备的特定宽度。
当然，我已经看过其他可以滚动但不可扩展的iPad webapps，它们始终保持横向宽度 - 你也可以选择在纵向模式下向左或向右滚动。在这种情况下，您只需要像往常一样为ipad的横向宽度定义体宽，我相信它是1024px。