【发布时间】：2015-10-15 22:09:09
【问题描述】：
我创建了一个网站，该网站可以水平滚动浏览各个部分并且具有响应性。问题是，在 ios 上，当您向右滚动到第二部分时，固定标题开始移出页面。再次向右滚动，它会移动一点（几乎就像每个部分都应用了负边距）
我不知道出了什么问题，因为当我调整浏览器的大小时它似乎工作正常，这只是 iphone 上的一个问题。
【问题讨论】：
标签： javascript jquery html ios css
【发布时间】：2015-10-15 22:09:09
【问题描述】：
你能去掉宽度吗：100vw；在标题样式中并替换为 100%？我相信有些 iOS 对此有点问题。
【讨论】：
-
不幸的是，这会导致标题跨越所有四个部分......并且菜单图标仅出现在最后一个部分。
-
@maeve 我明白了...好吧，也许可以在内容周围包裹一个包含 div。设置它的宽度和溢出隐藏。这将使您的标题与内容分开，允许标题为浏览器的 100% 宽度。 codepen.io/bajere/pen/zvEJNL
-
感谢 Bajere，但这不起作用，当滑动到侧面时标题仍然移动，并且还导致部分定位问题
-
@maeve 奇怪，这很简单，因为我已经完成了类似的构建。我似乎无法在我的 iPhone 上获得正确的视图来测试它。就像未设置视口元数据一样。您可以将 iPhone 插入 Mac，然后使用 safari 调试页面。它应该告诉你你需要知道的一切......我会为你做的，但我要到明天才离开电脑，抱歉
-
@maeve 我在 iPhone6 plus 中使用 devtools 检查网站，它看起来像这样：cl.ly/image/272x1P07470w 您还将这些部分设置为 375px 宽，这对于响应式构建是关闭的。你能在小提琴或codepen上发布这个吗？我自己和其他人或许可以更轻松地帮助您？