我正在建立一个新网站，当您将鼠标悬停在某物上时，背景颜色会发生变化。例如，我有一个 Twitter 按钮，你将鼠标悬停在它上面，背景会变成蓝色背景色。
但是当我在我的 iPhone（它是一个响应式网站）上点击一个图标时，背景只会变成你屏幕尺寸的 100%。如果我向下滚动背景没有完全改变，我会在底部看到白色背景。
是否有一些 jQuery 代码或插件可以解决问题？
非常感谢！
问问题
225 次
1 回答
0
看起来这是由height:100%您在html和body元素上的 引起的，这些元素然后绝对定位于bottom:0. 这迫使body元素成为屏幕的高度，而不是页面的高度，当您向下滚动时，您实际上是滚动到这些元素的末尾。
因此，当您更改主体上的颜色时，它似乎只适用于屏幕的顶部。这在 Firefox 上似乎不是问题，但我不确定它是否是 webkit 错误 - 它可能只是未定义的行为。
你可以通过去掉 and 元素上的 and 来修复它height:100%，position:absolute但是html你body也可能想要删除容器上的top:50%and margin-top:-250px，因为这将不再起作用。top:250px媒体查询中的容器上也有一个max-width:620px可能必须去的地方。
现在这显然不会为您提供与初始 CSS 相同的结果，但它确实解决了颜色问题。你需要想出另一种方法来垂直居中你的容器（假设这是你需要的），它不依赖于身体高度为 100%。如果您需要更多帮助，请在评论中告诉我。
于 2013-06-17T18:30:29.540 回答