CSS 垂直调整大小
我无法正确调整网页上的内容区域的大小和对齐方式。该区域应使用除顶部 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您必须研究液体布局概念。请参阅:什么是液体布局?。
我认为在您的情况下最好的选择是针对不同的屏幕分辨率使用不同的 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
您可以使用媒体查询根据屏幕尺寸设置不同的规则。例如,这样的事情:
You can set different rules based on the screen size using media queries. For example, something like this: