下图显示了李联华的博客网的主流分辨率的比例，我们可以获得主流PC的分辨率。

本网站采用了1920X1080分辨率的设计风格，采用三种颜色进行设计：

黑色 #000000

#000000

白色：#ffffff

#ffffff

蓝色：#0643FA

#0643FA

定宽模式

定宽，内容区域的宽度固定。在定宽模式下，主流内容宽度为960px或1200px。根据不同的设计要求选择不同的宽度。有三种情况：

  • 如果是针对特定显示屏设计的，例如仅针对1440*900px显示屏，则可以按照该宽度的设计标准进行设计。
  • 如果你是为年轻人设计网站，基本上可以放弃低分辨率用户，按照1366px宽度的设计标准进行设计，内容宽度为1200px。
  • 如果你想设计一个满足所有人需求的网站，你需要考虑1024px宽度的用户，内容宽度为960px。

自适应模式

自适应，内容区域宽度随浏览器变化。在这种模式下，可以使用1920px或更大的宽度进行设计，并且可以给出模块拉伸的方案。然后，给出了最小宽度效果及对策。

最小宽度效果：定义最小宽度并生成设计版本，以在极端情况下显示视觉效果。

超出对策：目前2k、4K显示屏越来越流行，应考虑超过1920px的对策，例如拉伸背景以填充屏幕。

首屏高度

为什么要确定第一个屏幕的高度？世界著名的网络可用性专家尼尔森曾报告称，第一屏的注意力为80.3%，第一屏下方的注意力仅为19.7%，这足以说明首屏的重要性。

本站非特殊注明，均属于IDEA的原创文章；未经授权禁止任何形式转载！（文章地址：https://idea.ooize.com/1-specification-for-webpage-design-dimensions.html）