响应式网站设计布局
网站设计主要有两种布局，左右布局和居中布局。不一致的布局导致不同的可设计空间。灵活性强，UI限制小，导航栏在左侧，宽度无具体限制，可根据实际情况调整；右边的内容区是网站设计的显示区。中间部分是有效展示区，用于网站内容的展示；换句话说，两边都是空白，没有实际用途，只为改编而存在。
响应式网站设计是指不同的设备、屏幕、分辨率和操作模式，保证不同环境下信息的一致性和互操作性。随着页面宽度的变化，信息呈现也发生了变化，即响应式设计。手机屏幕上显示的图片信息变成了列表。网站设计的实现需要对同一内容进行不同宽度的布局设计，桌面优先，移动优先。
无论网站设计基于哪种模式，要兼容所有设备，在响应式布局中对模块布局做一些改动是不可避免的。当页面宽度发生变化时，大小范围就是临界点的概念。所以在做响应式网站设计的时候，我们需要知道每个尺寸的宽度范围是多少，从而计算出一个对应的清晰临界点。计算完临界点，我们就知道屏幕的宽度范围在哪个点。获取网站设计的屏幕宽度来改变网页的布局，可以称之为布局响应屏幕。
