弹性布局中,如何实现响应式页面图片等比缩放注意的问题
CSS代码: body代码: 运行结果: 当缩小响应式页面后的结果: 造成的原因: 三张图片的宽度百分比是32.5%,左右外边距会造成有多余的间隔,不能使图片等比缩放,所以在缩放响应式页面时,图片会换行 解决方法: 1、去掉margin值 2、可以调整图片的宽度百分比, 3、给图片具体宽高(缩放可视化窗口时,图片大小不变),让图片相对于外层元素定位 (可以用来写类似美团图标 ) 缩放时:
不喜勿喷!!!
转载请注明原文地址:https://blackberry.8miu.com/read-10520.html