矛盾出来了，像我们这些小作坊，基本都是设计布局一人搞定。甚至还有加后台程序的。假设设计的时候考虑布局了，我们都有这个能力进行调整。但像大公司，分工严格的情况下，如果设计师不懂css不会布局。或者理解有误，那么设计稿就会让布局人员耗费大量的时间和精力。因为浏览器太多！

经常看到有网友抱怨设计师给的稿子无法还原。因为他们对浏览器和屏幕的理解不一样。也有的是因为效果太绚，颜色太多。更有甚者是使用flash制作嫌浪费，而html又鸡肋.....好吧，我们抛开这最后一种情况，只谈对屏幕和效果以及设计布局的理解。

先谈屏幕：

屏幕分辨率，还是以1024×768为主。而满屏的定义则无从谈起。为什么？请看一下原因：

1. 你不能确定用户的ie装了几个插件！插件越多，浏览器显示高度越低！
2. 你不能确定用户的显示器是否设置正确（歪一边了，弧形的，截断的，缩小的放大的）
3. 你不能确定用户显示器的分辨率是否为最佳分辨率。其典型在于某些宽屏或高屏显示器，有的是等比例缩小后留白。而更有甚者则是满屏拉伸。比例就不对了！

要使得网页满屏。很多人说宽度1003，也有人说是1004。而我则不这样认为。

假设客户要求网页满屏。那么，你就要晓得用户的显示器尺寸的屏幕分辨率。如果客户对这玩意认知度很低。就不要轻易去改人家的分辨率。我1440×900的宽屏，我用1024×768的分辨率，我乐意！如果这客户要求一定要满屏，那么问题又出现了，如果交货的时候客户换了一台不同尺寸的显示器呢？分辨率变大了，你的网页窄了，分辨率小了，你的网页宽了！你咋办？

其实满屏也分两种，我姑且命名一种为内容满屏，一种为视觉满屏！

所谓内容满屏，就是指网站上的东西，左边界就在显示器左边界，右边界就是在显示器右边界。最佳的解决办法就是使用百分比。而百分比带来的负面效应：

1. 浏览器bug
2. 设计及制作难度增加

所谓视觉满屏，其实是一种取巧的做法。而这种方法。其实很简单，一个网站的头部，无非就是导航和banner，如果导航在最上边，那么，将导航的背景呈100%，导航居中。如果banner在最上边，那么注意处理图片两端，还是100%宽+背景！

OK，虽然内容宽度还有可能是1000、1003、甚至是900或更低，视觉上依然是百分百的宽度，只要避免最小宽度大于浏览器宽度、或客户的显示器分辨率宽度大于你的最小宽度。永远OK。

出处：蓝色理想
责任编辑：moby

上一页 下一页 设计和布局之间的思考 [2]