屏幕被放大或者缩小使图片被拉伸至变形?
在每一次的落地页开发项目中,基本上都会出现图片被拉伸变形的情况,总结下来的解决方案是:
整个页面是通过flex盒子进行布局,最好一开始就在外层div中固定宽高度,让里面的弹性元素居中,如果需要间隔就用margin进行样式调整;同时给图片内容的父级div加上max-width使其永远在一个最大宽度内,在这种情况下及时屏幕拉伸,整个图片也会随比例放大,当然,一些被封装过的插件比如swiper这种对这种问题进行过处理,不会受到影响,我们不用单独处理。
图片压缩问题
最新推荐文章于 2023-06-03 15:56:59 发布