.my-swipe a img{ min-height: 100%;

看具體要求吧！移動端寬高比大于圖片（圖片展示的情況），那么就只能上下留白（width設置為100%，不能左右留白），或者只顯示圖片居中部分。最好還是上傳兩張圖片。

只設置圖片寬度，高度不設置

你在做swiper，移動端的話，你只需要設置img的width為100%，切圖的時候把分屏的圖切成分辨率一樣的，就不會拉伸了

max-width: 100%;}問題出在min-height，繼承.my-swipe 的290px，移動端的話290太高了，高寬比例失真，拉伸圖片。解決辦法是調整容器高度，my-swipe a img{height:100%;} 圖片有個特性，設置高寬其中一個屬性的話，會自動等比縮放。設置寬度100%的話也可以，比較常用貼下效果圖

總結

以上是生活随笔為你收集整理的移动环境和浏览器环境,如何等比缩放图片?的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。