CSS 垂直调整大小

发布于 2024-11-25 00:27:42 字数 221 浏览 1 评论 0原文

我无法正确调整网页上的内容区域的大小和对齐方式。该区域应使用除顶部 80 像素和底部 20 像素之外的所有垂直可见屏幕空间。在某些情况下,页面可能会继续向下(但您必须滚动才能看到它)。

例子: a) 如果屏幕区域为 800x600 - 内容区域应为 500px 高 b) 如果屏幕区域为 700x1100 - 内容区域应为 1000px 高

该网站是使用 HTML 和 CSS 构建的。

I fail to get the content area on a web page sized and aligned properly. The area should use all the vertical visible screen space except 80px on the top and 20px on the bottom. And in some cases, the page might continue further down (but you'll have to scroll to see it).

Example:
a) If the screen area is 800x600 - the content area should be 500px high
b) If the screen area is 700x1100 - the content area should be 1000px high

The site is built with HTML and CSS.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

偏闹i 2024-12-02 00:27:42

您必须研究液体布局概念。请参阅:什么是液体布局?

我认为在您的情况下最好的选择是针对不同的屏幕分辨率使用不同的 CSS

You have to look into liquid layout concepts. See: Whats a liquid layout?.

I think the best option in your situation using different CSS for different screen resolutions

习ぎ惯性依靠 2024-12-02 00:27:42

您可以使用媒体查询根据屏幕尺寸设置不同的规则。例如,这样的事情:

@media only screen and (max-width: 1099px) {
  /* rules that only apply for canvases narrower than 1100px */
}

You can set different rules based on the screen size using media queries. For example, something like this:

@media only screen and (max-width: 1099px) {
  /* rules that only apply for canvases narrower than 1100px */
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文