Div基页面布局 - 百分比vs固定像素

Question

我是基于Div的页面布局的新手。我的问题是我们应该使用百分比还是固定像素来设计基于div的页面布局？

如果百分比，那么跨浏览器兼容性呢？

如果固定像素，不同的屏幕分辨率呢？我们应该选择什么屏幕分辨率？

另外，我们的决定应该是什么基础？

Answer 1

大多数基于div的页面布局使用固定的像素宽度，而不是百分比。

在很少的情况下使用百分比有其优点 - 如果您有一个页面，您想要根据窗口/浏览器更改宽度，您可以使用它。但我真的想不出上次我看到一个网站做到了这一点。

固定像素宽度允许您实际设计您的网站将看起来像什么，无论浏览器，屏幕分辨率等。

创建宽度固定的布局时，通常会创建一个大约960像素宽的“容器”div（请参阅http://960.gs/）。这个宽度是因为它适合大多数浏览器/屏幕分辨率（如 - 任何1024×768及以上）

“容器”通常是中心的网页上（尽管有时它的左对齐） - 例如见msn.com，yahoo.com， stackoverflow.com ...等。这些都是固定的宽度，而不是百分比（你可以通过改变你的窗口的大小，看到他们的内容不会改变来测试）