码迷,mamicode.com
首页 > 其他好文 > 详细

响应式资料

时间:2016-07-05 10:13:07      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

 

一:响应式图片(自动缩放可以,但为了节省带宽)、响应式视频、响应式包含框

 

 

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!