当前位置：文江博客话题详情

分辨率较小，内容尽量适应

发布于 2024-11-30 19:40:47 字数 307 浏览 0 评论 0原文

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

我想做的是，如果接收端的分辨率太小，我想强迫他们必须使用底部的滚动条，这样他们才能看到一切。这样网站就可以正常显示了。

有什么编码想法吗？

谢谢你，亚伦

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

仙女 2024-12-07 19:40:47

添加...

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用户使用垂直滚动条

Add...

min-width: 1260px;

at the
#news-container
css rule.

Your website will display fine in 1280x** resolutions but there will be a vertical scrollbar in anything less than that (in width).

Perhaps you could make the min-width 960px and make the text expand in two lines (pushing the top graphic a bit) ? Just a suggestion

EDIT: here's an example

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

The above example will make the header "Expand" when the resolution is shrinked without forcing screenwidth < 1280px users to use the vertical scrollbar

回复收藏 0 原文