图片压缩问题

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