android - 调整浏览器屏幕大小后，CSS 水平滚动条出现在 chrome 中

Question

我目前正在开发一个响应式网站。

我在 Google chrome 和默认的 android 互联网浏览器中遇到了一个非常奇怪的问题。

它在调整网站大小后出现(使浏览器横向变大或在 Android 设备上将纵向 View 更改为横向 View (超过 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移除元素元素。