bootstrap实现响应式图片

响应式图片在项目应用中的两种常见形式:
分别是:屏幕尺寸改变,图片布局随之改变。为适应pc端和移动端设备转换,使用两套图片资源。
一:屏幕尺寸改变,图片布局随之改变

效果:
1.大于桌面图片(>996px)
在这里插入图片描述
2.平板(>768px <996px)
bootstrap实现响应式图片_第1张图片
3.手机(<768px)
bootstrap实现响应式图片_第2张图片
二:为适应pc端和移动端设备转换,使用两套图片资源

两套图片资源,有利于防止页面卡顿和节省流量。

你可能感兴趣的:(bootstrap,响应式图片)