网页设计尺寸规范及标准详解，入门必看！

更新时间:2023年11月13日15时05分来源:传智教育浏览次数:

网页设计尺寸是指在设计界面时的宽度和高度。在设计网页时要考虑计算机屏幕的分辨率，以及浏览器的有效可视区域。当下比较流行的屏幕分辨率分为1024x768px、1366x768px、1440x900px和1920x1080px等。

在设计网页时，页面的宽度尽量不要超过屏幕的分辨率，否则页面将不能完全显示(响应式布局页面除外)。

网页设计尺寸一般根据宽度1920px的分辨率进行设计，高度可根据内容调整设置(普通企业网站3个屏幕高度以内最好）。在确定页面宽度后，还要考虑版心尺寸。
版心是指页面的有效使用面积，是主要元素以及内容所在的区域。在设计网页时，页面尺寸宽度一般为1200~1920px。但是为了适配不同分辨率的显示器，一般设计版心宽度为1000~1200px。例如，屏幕分辨率为1024×768px的浏览器，在浏览器内有效可视区域宽度为1000px，所以最好设置版心宽度为1000px。设计师在设计网站时尽量适配主流的屏幕分辨率。下图所示为某甜点网站页面的版心和页面宽度。

页面宽度