响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。
1、大图平铺自适应，这是一种给用户感受强烈的大背景全屏视觉，整个视觉主打一张完整图片，交互和文字信息较为简单。图片尺寸根据屏宽大小自适应，交互菜单和文字信息通常默认系统字体通过大小变换和位移进行屏宽自适应。
2、中心定位，两侧自适应，这种方法是将内容和视觉居中，把尺寸控制在1000px以内。左右两侧放一些辅助信息，让它们根据屏幕宽度自适应。
3、单侧定位，中心延伸展开，这个方法就是把主要的内容放在左侧，然后右边放一些辅助信息。这是根据用户阅读习惯决定的，中间这块是自适应屏幕宽度内容。
