响应式资料

一：响应式图片（自动缩放可以，但为了节省带宽）、响应式视频、响应式包含框

1.如果 max-width 属性设置为 100%, 图片永远不会大于其原始大小。    同理min-width！   （字面意思直接就理解了）

2.viewport

3.桌面电脑     平板  

4.响应式图片    默认是绝对大小，但设置了相对大小后，因为屏幕视口变化了，所以此时内部样式表就起作用了！    OO

5.768  992  1200

    xs:手机（<768）

    sm：平板

    md：笔记本、电脑台式机

    lg：超大屏幕

总结：响应式就是采用相对单位来布局！   比如百分比!   字体设置用em、rem等。

响应式资料

原文：http://www.cnblogs.com/njqa/p/5642406.html