前文为大家介绍了有关高端网站建设时，尺寸设计规范的问题，而其中适应页面大小自动调整的方式，就是本文要介绍的响应式网站，目前也是最主流的建站形式，可以同时很好的匹配PC端和移动端。

制作响应式网站，可以使页面在不同的设备上，不同的浏览器上，自动调整页面的宽度和高度，使页面充分符合浏览需求，而不会出现在手机上看到电脑端页面的情况。那么，响应式网站建站的详细步骤有哪些?

1.流体布局

流体布局主要是通过百分比的方式，来进行页面布局的，可以根据窗口的大小，自动伸缩页面的宽高尺寸，这样一来，网页就可以完美的在各种页面上展现出来，并且不会出现页面需要水平方向滑动，或者内容展示不全的情况。

2.媒体查询

这代表一种CSS技术，可以根据不同的媒体类型和特殊条件，来加载不同的样式，从而在设备上展现最适配的样式，比如对字体大小的调节，或者隐藏某些元素等。

3.图片优化

做响应式网站的时候，图片也是非常重要的元素，图片的尺寸往往会因为展现窗口大小，而出现压缩变形的情况，通过图片优化，可以展现合适的宽高比，并且还可以提升页面的加载速度。

4.设备测试

响应式网站做好之后，需要针对各种设备做兼容性测试，利用浏览器模仿各种不同的设备进行测试。