位置：在ios中固定宽度为100%

我有一个固定在页面顶部的元素，当您水平滚动时，它会与您一起滚动

但在ios中，菜单的宽度不是视口的100%。菜单的宽度为900px

有什么问题吗？我可以用JS设置宽度，但这不是正确的方式。在安卓设备上，这一切都很好，而且效果很好

正文
{
填充：0；
保证金：0；
}
.菜单
{
位置：固定；
宽度：100%；
排名：0；
左：0；
背景颜色：灰色；
颜色：#fff；
}
.content800
{
宽度：800px；
高度：200px；
背景：绿色；
}
.content900
{
宽度：900px；
高度：200px；
背景：蓝色；
}

菜单1菜单2菜单1菜单2菜单1菜单2菜单2菜单1菜单2菜单1菜单2菜单1菜单2菜单1菜单2菜单1菜单2菜单1菜单2

最有可能是由于

.content800

和

.content900

导致页面溢出，在使用响应式设计时，应避免在纵向或横向设置任何超过设备分辨率的“固定”宽度。您在HTML中设置了视口，但在CSS中没有任何媒体查询

您确实需要使用如下方式使用媒体查询：

@media screen and (max-width: 63.9375em) {
.content800, .content900 {
    width:100%;
    }   
}

---

您可能需要根据自己的喜好更改

63.9375em

，因为它在风景画、肖像画以及肖像模式下的平板电脑中都是小型设备。如果这不能解决您的问题，那么它将是您未能附加的其他内容，如CSS或HTML的其余部分。

您可以做的是将

设置为正确：0

到

.menu

，以确保菜单覆盖整个屏幕宽度。

听起来像是创可贴，而不是解决问题。我认为900px的固定宽度将超过iPhone 2、3、4、5和6的纵向模式，这将导致溢出。