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

8.10 响应式布局2 弹性网络 (栅格系统) 响应式图片

时间:2017-08-13 16:54:18      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:bsp   color   响应   com   css   ges   link   round   blog   

响应式图片

给img的宽度 设置为100%

使用background-image 配合padding-top

使用  `<picture>` 标签。  
* 使用 pricturefill.js 插件

<link rel="stylesheet" href="./grid.css"> stylesheet样式表

技术分享

 

技术分享

技术分享

技术分享

技术分享

技术分享

 

 技术分享

 

技术分享

 技术分享

技术分享

技术分享

技术分享

 

 

 

 

 技术分享

 

技术分享

 

 

 技术分享

 

技术分享

 

 

 

 

技术分享

 

 

技术分享

 

8.10 响应式布局2 弹性网络 (栅格系统) 响应式图片

标签:bsp   color   响应   com   css   ges   link   round   blog   

原文地址:http://www.cnblogs.com/lwwnuo/p/7353891.html

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