Question

如果您在访问时会注意到... http://www.thebattleforarcadia.com/construction/index.html缩小屏幕大小时，顶部栏内容会溢出其父级div并运行在网站的其余部分。

我想要做的是，如果接收端的分辨率太小，我想迫使他们必须使用底部的滚动条，以便他们可以看到所有内容。正好如此，网站才能正常显示。

任何编码想法？

谢谢你，亚伦

Answer 1

添加...

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;
}

上面的示例将在缩小分辨率时使标题“展开”而不强制屏幕宽度＆lt; 1280px用户使用垂直滚动条

Answer 2

提供body元素或任何其他要设置min-width宽度的元素。这应该确保每当在较小分辨率上查看页面时都有一个水平滚动条

请参阅此处查看Commonly used pixel sizes for webpages and their pros/cons。

较小的分辨率，内容试图适应

2 个答案: