如果您在访问时注意到... http://www.thebattleforarcadia.com/construction/index.html当您缩小屏幕大小时,顶部栏内容会溢出其父 div 并覆盖网站的其余部分。
我想做的是,如果接收端的分辨率太小,我想强制他们必须使用底部的滚动条,这样他们才能看到所有内容。这样网站才能正常显示。
有什么编码想法吗?
谢谢, 亚伦
最佳答案
添加...
min-width: 1260px;
在 #新闻容器 CSS 规则。
您的网站将在 1280x** 分辨率下正常显示,但在任何小于该分辨率(宽度)的情况下都会出现垂直滚动条。
也许您可以将最小宽度设置为 960px 并使文本扩展成两行(稍微插入顶部图形)?只是一个建议
编辑:这是一个例子
#news-content {
float: left;
padding-left: 25px;
padding-top: 12px;
overflow: auto;
padding-bottom: 20px;
}
#news-container {
width: 100%;
background: url(images/news-background.png) repeat-x left bottom;
z-index: 10;
}
#news-header {
width: 150px;
height: 23px;
float: left;
padding-left: 25px;
}
上面的例子将在缩小分辨率时使标题“展开”,而不强制屏幕宽度 < 1280px 的用户使用垂直滚动条
关于css - 分辨率较小,内容尽量适合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7139842/