响应式图片在项目应用中的两种常见形式:
分别是:屏幕尺寸改变,图片布局随之改变。为适应pc端和移动端设备转换,使用两套图片资源。
一:屏幕尺寸改变,图片布局随之改变
效果:
1.大于桌面图片(>996px)
2.平板(>768px <996px)
3.手机(<768px)
二:为适应pc端和移动端设备转换,使用两套图片资源
两套图片资源,有利于防止页面卡顿和节省流量。
上一篇:css中怎样实现让文字滑入的方式
下一篇:波浪的边框css的实现方法