弹性布局 图片等比缩放问题

    科技2022-07-20  118

    弹性布局中,如何实现响应式页面图片等比缩放注意的问题

    CSS代码: body代码: 运行结果: 当缩小响应式页面后的结果: 造成的原因: 三张图片的宽度百分比是32.5%,左右外边距会造成有多余的间隔,不能使图片等比缩放,所以在缩放响应式页面时,图片会换行 解决方法: 1、去掉margin值 2、可以调整图片的宽度百分比, 3、给图片具体宽高(缩放可视化窗口时,图片大小不变),让图片相对于外层元素定位 (可以用来写类似美团图标 ) 缩放时:

    不喜勿喷!!!

    Processed: 0.011, SQL: 8