标签:
一:响应式图片(自动缩放可以,但为了节省带宽)、响应式视频、响应式包含框
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