文章/答案/技术大牛

发布

社区首页 >问答首页 >调整浏览器屏幕大小后，chrome中出现CSS水平滚动条

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

Stack Overflow用户

提问于 2011-11-18 23:39:50

回答 3查看 1.1K关注 0票数 5

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

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

它在调整网站大小后出现(使浏览器水平放大或在android上将纵向视图更改为横向视图(超过480像素))。

当我将浏览器的大小调整到小于480像素时，会出现一个水平滚动条。

您可以在(loco para saxo .com / new)上亲眼看到

android

css

google-chrome

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-11-18 23:56:46

问题出在你的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删除了元素。

票数 4

Stack Overflow用户

发布于 2011-11-18 23:54:54

肮脏的方式，但很管用。

body {
    overflow-x: hidden;
}

票数 1

Stack Overflow用户

发布于 2011-11-19 00:01:27

正如桑迪普所写的，这是因为你使用了visibility: hidden。如果你想隐藏一些东西，你应该使用display:none。根据W3School-docs的说法，visibility: hidden是：

元素是不可见的(但仍然占用空间)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8184907

复制

相似问题

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

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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