网页设计宽度_网站的基本设计尺寸

一、网页网站基础布局尺寸

800×600分辨率

页宽：778px以内（避免水平滚动条）

页高：视内容调整，设计常见为434px（778/2）

特殊说明：PS设计时按740×560尺寸制作，宽度网页显示时因颜色模式差异可能略有不同。本设

1024×768分辨率

页宽：1002-1003px（单屏满屏显示）

页高：612-615px（单屏）或688-730px（多屏）

特殊说明：A4纸尺寸为8.5×11英寸，计尺1024×768约为A4的网页网站70%。

二、设计响应式设计尺寸

宽度分率：

IE6/7：1024px宽度减21px（1003px）

Firefox：1024px宽度减19px（1005px）

Chrome/Opera：1024px宽度减23px（1001px）

建议：现代浏览器统一按990-1003px设置宽度，宽度两侧预留白边。本设

三、计尺常见广告尺寸

按钮广告：120×60px

通栏广告：760×100px

超级通栏：760×200px

巨幅广告：336×280px

四、网页网站其他注意事项

LOGO尺寸：

国际标准为88×31px，设计企业LOGO无统一限制

图片优化：

非首页静态页图片大小不超过60KB，宽度Banner不超过14KB

浏览器兼容性：

高度建议预留扩展空间，本设避免因工具栏占用导致内容溢出

以上尺寸均以A4纸（8.5×11英寸）为参考，计尺实际设计时需根据具体显示器分辨率和浏览器特性微调。