Q022：对响应式网页理解

Responsive Web Page:
响应式网页/自适应的网页，2010年提出，一个网页，会自动根据用户浏览设备不同，自动改变布局，可以被PC/PAD/PHONE正常浏览
响应式网页必备：
（1）流式布局 float:left;
（2）可以改变尺寸图片文字 font-size:1em;
响应式布局不足：代码更加复杂，不适合大型网页

如果测试网页：
（1）使用真实物理设备
（2）使用第三方模拟器软件
（3）使用chrom内置设备模拟器

如何编写响应式网页
（1）声明viewport元标签

（2）使用流式布局 float:left; （3）所有容器使用相对尺寸，不用绝对尺寸 % （4）所有文字使用相对尺寸，不用绝对尺寸 em （5）所有图片使用相对尺寸，不用绝对尺寸 （6）（最重要原则）使用CSS3 Media Query技术

【CSS3 Media Query技术】
Media 指浏览网页的设备，如screen,print,tv,tty
Media Query：查询当前浏览网页设备类型，以及特性（对比度，尺寸，手持方向等），而选择性的执行某些css代码，而忽略另外一些
媒体查询使用方法两种：
（1）根据媒体查询结果执行不同的css文件

（2）根据媒体查询结果执行css片段中不同部分