调整窗口大小

Question

我有一个HTML页面。我想确保如果我调整窗口大小，内容也会调整大小，以免水平滚动。我该怎么办？

Answer 1

不要使用绝对宽度和高度。将所有值设置为百分比。这就是你所能做的一切。

Answer 2

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

Answer 3

在谷歌中查找液体布局。您将获得许多想法，模板和示例CSS以供使用

Answer 4

来自Fluid Grids的

A List Apart是如何设计流体布局的一个很好的例子，即使在使用网格时也是如此。

在CSS中避免使用px和pt（以及cm，in，mm，pc和ex）。尝试使用em和%。

Answer 5

避免使用绝对值。

例如：尝试使用width =“50％”而不是width =“167px”

Answer 6

除了其他答案中提到的许多流畅布局技术外，还有CSS3 Media Queries（和"Switchy McLayout" script适用于旧浏览器），允许您动态应用不同的CSS规则（甚至是完全不同的布局），具体取决于屏幕分辨率或窗口大小。