实现不同屏幕分辨率在中端上浏览网页的不同展示方式。通过响应式布局设计能是网站是在手机和平板电脑上有更好的浏览阅读体验。

 

设计步骤：

1.这是meta标签　　

2.根据与媒体查询设置样式

3.设置多种视图宽度

4.注意点：（1）宽度要使用百分比

　　　　　（2）处理图片缩放问题