初始情況下，我們給 image 設置了寬度后，發(fā)現高度并不像 HTML 中一樣自動縮放，好吧，我們試著設置 height:auto;，現在倒好，圖片都看不到了。

難道微信小程序中不能保持圖片的寬高比？

不是得。我們?yōu)?image?標簽設置

注意：如何使用了這個模式，那么在 .wxss?中為圖片設置的 height?將無效。

所以有時候我們也可以用這幾種模式：

scaleToFill不保持縱橫比縮放圖片，使圖片的寬高完全拉伸至填滿 image 元素

aspectFit保持縱橫比縮放圖片，使圖片的長邊能完全顯示出來。也就是說，可以完整地將圖片顯示出來。

aspectFill保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來。也就是說，圖片通常只在水平或垂直方向是完整的，另一個方向將會發(fā)生截取。

mode 還有更多共 13 種模式，具體請參見：https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html