调整窗口大小

3

我有一个HTML页面。我希望确保如果我调整窗口大小,内容也会被调整大小,以避免水平滚动条出现。我应该怎么做?

6个回答

7

不要使用绝对宽度和高度,而是将所有值都设置为百分比。这基本上就是你可以做的全部。


2

尽量减少使用静态宽度。浏览器会为您完成大部分工作。


2

在谷歌上搜索“流体布局”,你会得到很多灵感、模板和样本CSS可供使用。


2
A List Apart”的“Fluid Grids”是一个很好的例子,展示了如何设计一个流式布局,即使使用了网格。
在CSS中应避免使用“px”、“pt”(以及“cm”、“in”、“mm”、“pc”和“ex”),而应尝试使用“em”和“%”。

1
避免使用绝对值。
例如:尽量使用width="50%"而不是width="167px"。

0
除了其他答案中提到的许多流体布局技术外,还有CSS3 Media Queries(以及适用于旧浏览器的{{link2:“Switchy McLayout”脚本}}),可以使您根据屏幕分辨率或窗口大小动态应用不同的CSS规则(甚至是完全不同的布局)。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接