介绍
小编给大家分享一下引导响应式图片如何使用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强>响应式图片在项目应用中的两种常见形式:强>
分别是:屏幕尺寸改变,图片布局随之改变。为适应pc端和移动端设备转换,使用两套图片资源。
一:屏幕尺寸改变,图片布局随之改变
& lt; div 类=癱ontainer-fluid"比; ,,,,,,& lt; div 类=皉ow"比; ,,,,,,,,,,& lt; div 类=癱ol-md-3 col-sm-6 col-xs-12"比; ,,,,,,,,,,,,,,& lt; img src=https://www.yisu.com/zixun/癷mg/box-logo.png”alt=" class=" img-responsive center-block”>