2023年12月19日发(作者：)

网页（UI）设计尺寸

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,台式机以19寸(分辨率1440*900)为主流, 还有部分老用户是17寸(分辨率1024*768).笔记本分辨率种类比较多

12.1寸 1280*800

13.3寸 1024*600或1280*800

14.1寸 1366*768

15.4寸 1280*800或1440*900

15.6寸 1600*900

17.3寸 1600*900或1920X1200

就是我们常用的IE,遨游,Friefox，chorme，360等

宽度:减去数值为滚动条宽度

1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005

3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001

注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

如果是800的分辨率一般都设成770。但也有设成760的.800*600分辨率的显示器基本已经绝迹了所以可以忽略

因为有些浏览器加了插件或者门户站两边会有浮动广告出现，所以一般设计内容比可显示宽度要小一点.现在主流的宽度为900 950 960 980.随着显示器和分辨率的加大宽度在不断提高,但考虑到视角宽度一般都控制在1000以内,百分比宽度显示的页面除外.目前用的最多的宽度是960 和980.

高度：

高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。

注意:在设计效果图是,ps里画布要比内容大一些,因为有些页面需要背景图,所以如果是一张大的背景图最好是设置成宽度为1400的,这样在大屏显示器下也不会出现空白.