静态设计是指传统的网页设计，网页上所有元素的大小都以px为单位。

1. 设计特点

无论浏览器的大小如何，网页布局始终按照最初编写代码时的布局显示。传统的PC网站都是静态布局（固定宽度），即设置了一个最小宽度，所以如果小于这个宽度，就会出现滚动条，如果大于这个宽度，内容会居中显示背景。这种布局在PC端很常见。

2.设计方法

PC：居中布局，所有样式都使用绝对宽度/高度（px），布局一个布局，调整屏幕宽度和高度时，使用水平和垂直滚动条查看被覆盖的部分；

移动设备：另外，创建一个移动网站，设计一个单独的布局，并使用不同的域名，例如wap。或者米.

优点：这种设计方式对于CSS作者和设计师来说是最简单的，并且不存在兼容性问题。

缺点：很明显，即不能根据用户的屏幕大小进行不同的工作。目前，大多数门户网站和大部分企业PC宣传网站都采用了这种设计。固定像素大小的网页是匹配固定像素大小屏幕的最简单方法。但是这种方法并不完全兼容未来的网页，我们需要一些方法来适应未知设备。