Question

我已经在移动版本的网页上工作了一段时间，玩各种媒体查询和解决方案。但是我似乎把自己放在了一个小姐身上。当检测到屏幕宽度为800px或更小的设备时，我正在调整元素大小以获取100％的浏览器宽度。

我的所有其他元素都已落实到位，除了一个，我花了两天时间寻找修复。我以为它是我在Css某处设置的设定宽度，但经过大量搜索我还没找到。在这个网站中间看到的手风琴导航元素 (My Webpage) 被认为是跨越页面的宽度，而是大量超过网页的边界。

如果我能得到一副清新的眼睛，看看我是否在这里犯了错误，我将非常感激。

我认为主要的CSS领域是有问题的领域。（styles.css）＆amp; （accord.css）

#wrapper {
width:100%;
}
#wrapper #c-wrap{
width:100%;
position: relative;
}

.ac-wrap-m{
width:100%;
font-family: Verdana, Geneva, sans-serif;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 1em;
position:relative;
}

我从桌面版本中取出页面并重新编写它，我知道我确实在桌面版本中使用了设置宽度。这是我认为问题可能出现的唯一问题，但我可能是错的。

Answer 1

div＃c-wrap的设置宽度为1000px，＃wrapper的最小宽度为1080px。删除后将其更改为其他内容。你不会看到水平滚动条

Answer 2

添加

min-width: 100%;

在媒体查询中的#wrapper＃c-wrap代码中，你会很高兴。

百分比问题，使元素遵循100％的浏览器宽度

2 个答案: