基于Div的页面布局 - 百分比与固定像素

时间:2010-10-19 19:07:54

标签: html pixel page-layout

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

如果是百分比,那么跨浏览器兼容性呢?

如果是固定像素,那么不同的屏幕分辨率呢?我们应该选择什么屏幕分辨率?

此外,我们决定的基础应该是什么?

1 个答案:

答案 0 :(得分:2)

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

使用百分比在极少数情况下有其优势 - 如果您有一个页面要根据窗口/浏览器更改宽度,则可以使用它。但老实说,我没想到上次我看到这样做的网站。

固定像素宽度可让您实际设计网站的外观,无论浏览器,屏幕分辨率等等。

创建具有固定宽度的布局时,通常会创建一个宽度约为960px的“容器”div(请参阅http://960.gs/)。使用此宽度是因为它适合大多数浏览器/屏幕分辨率(例如 - 任何1024x768及以上)

“容器”通常以页面为中心(尽管有时会左对齐) - 例如,请参阅msn.comyahoo.comstackoverflow.com等。这些都是固定宽度,而不是百分比(您可以通过更改窗口大小并查看其内容不会更改来测试)