即兼容各种工作量大效率低加载时间长的设备但是很好学读完下面的代码，你会page 宽度960px 高度1000px 边距0自动背景#CCC *设备的最大宽度为960像素* 媒体屏幕和最大宽度960像素 页面。

3写Media中的代码 以某个网页的响应式布局为例 结构@media设备类型and 设备特性｛样式代码｝ *媒体查询* *当页面大于1200px时，大屏幕，主要是PC端* media minwidth 1200px *在992 和1199。

1选定基本设计尺寸，一般以1080为基准确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的。

响应式布局最简单的就是用css3来实现我举一个最简单的例子下面是html代码lt！DOCTYPE html index01 第一 第二lt。

想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码图片自适应，且不超过原始大小，需要设置最大宽度，代码如下img width100% maxwidth100%改进功能 浏览器首次使用时，根据用户显。