（一）响应式设计优缺点
1、优点
解决了设备之间的差异化展示
2、缺点
兼容性代码多，工作量大，加载速度受影响。
对原有网站布局会产生影响，用户判断未必准确。
（二）响应式设计原则
1、移动优先：
设计初期就要考虑页面如何在多终端展示。
2、渐进增强：
充分发挥硬件设备的最大功能。
（三）如何实现
CSS3 media Query
device-width，device-height--屏幕宽高（物理上的）
width，height--渲染窗口宽高（实际窗口宽高）
orientation 设备方向（横屏竖屏）
resolution 设备分辨率
引用外部样式时， 可指定 <link ...... @media=" only screen and (min-width:1080px)" />
内部样式
<style>
@media screen and(min-width:300px)
</style>
