首页 > 代码库 > 8.10 响应式布局2 弹性网络 (栅格系统) 响应式图片

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

响应式图片

给img的宽度 设置为100%

使用background-image 配合padding-top

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

<link rel="stylesheet" href="http://www.mamicode.com/grid.css"> stylesheet样式表

技术分享

 

技术分享

技术分享

技术分享

技术分享

技术分享

 

 技术分享

 

技术分享

 技术分享

技术分享

技术分享

技术分享

 

 

 

 

 技术分享

 

技术分享

 

 

 技术分享

 

技术分享

 

 

 

 

技术分享

 

 

技术分享

 

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