我正在建立一个新网站，当您将鼠标悬停在某个位置时，背景颜色会发生变化。例如，我有一个Twitter按钮，你将鼠标悬停在它上面，背景变为蓝色背景颜色。
但是当我在我的iPhone上（它是一个响应式网站）并且我点击一个图标时，背景只会变为屏幕大小的100％。如果我向下滚动背景没有完全改变，我会在底部看到白色背景。
是否有一些jQuery代码或插件可以解决这个问题？
非常感谢！
答案 0 :(得分：0)
看起来这是由height:100%和html元素上的body引起的，这些元素绝对位于bottom:0。这会强制body元素成为屏幕的高度，而不是页面的高度，当您向下滚动时，实际上是滚动到这些元素的末尾。
因此，当您更改主体上的颜色时，它似乎只适用于屏幕的顶部。这似乎不是Firefox的问题，但我不确定它是否是一个webkit错误 - 它可能只是未定义的行为。
你可以通过删除height:100%和position:absolute元素上的html和body来修复它，但是你也可能想删除{容器上的{1}}和top:50%，因为它将不再有效。此外，margin-top:-250px媒体查询中的容器上还有一个top:250px，可能需要这样做。
现在这显然不会给你与初始CSS相同的结果，但它确实解决了颜色问题。你需要提出另一种方法来垂直居中你的容器（假设你需要的东西）不依赖于身高100％。如果您需要更多帮助，请在评论中告诉我。