概述
弹性布局中，如何实现响应式页面图片等比缩放注意的问题
CSS代码：
body代码：
运行结果：
当缩小响应式页面后的结果：
造成的原因：
三张图片的宽度百分比是32.5%，左右外边距会造成有多余的间隔，不能使图片等比缩放，所以在缩放响应式页面时，图片会换行
解决方法：
1、去掉margin值
2、可以调整图片的宽度百分比，
3、给图片具体宽高（缩放可视化窗口时，图片大小不变），让图片相对于外层元素定位
（可以用来写类似美团图标
）
缩放时：
不喜勿喷！！！
最后
以上就是个性小蚂蚁为你收集整理的弹性布局 图片等比缩放问题的全部内容，希望文章能够帮你解决弹性布局 图片等比缩放问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复