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

Question

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

cssxhtmlpositionoverflowresolution

3

如果您注意访问http://www.thebattleforarcadia.com/construction/index.html，当您缩小屏幕大小时，顶部栏内容会溢出其父级div并覆盖整个网站。

我想做的是，如果接收端的分辨率太小，我希望强制他们使用底部的滚动条，以便他们可以看到所有内容。只是为了正确显示网站。

有任何编码建议吗？

谢谢， Aaron

- Aaron Brewer

1

这是在哪个浏览器上发生的？我没有看到它... - Nachshon Schwartz

1

通常情况下，溢出属性用于此。 - Jawad

2个回答

1

为了解决在小分辨率下出现水平滚动条的问题，给 body 元素或任何一个设置了宽度的元素添加一个相同的 min-width。

请参考此处网页常用像素尺寸及其优缺点。

- Nachshon Schwartz

非常感谢，我必须将此答案与下面的答案一起实现。 - Aaron Brewer

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pantelis · Accepted Answer

添加...

min-width: 1260px;

在#news-container的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的用户使用垂直滚动条。