调整浏览器屏幕大小后,CSS水平滚动条在chrome中显示

Question

亲爱的Stack溢出用户,

我正在努力开发一个响应式网站.

我在谷歌浏览器和默认的Android互联网浏览器上有一个非常奇怪的问题.

它在网站调整大小后显示(使浏览器水平放大或在Android上将肖像更改为横向视图(超过480像素)).

当我将浏览器的大小调整为小于480像素的水平滚动条时.

亲眼看看(loco para saxo .com/new)

Answer 1

问题出在你的CSS上。因为navigation你写的 visibility: hidden;而不是display:none。

.moduletable_shop h3, #navigatie-horizontaal, .logo {
position: absolute;
width: 0;
height: 0;
display: none;
}

之所以这样写，display:none;是因为visibility: hidden;隐藏元素但不是删除元素而是display:none删除元素。