[ユニアプリ画像表示適応型、比例スケーリング]

uniapp ページ表示では、画像表示の問題、比例拡大縮小または適応型ビュー サイズの問題が発生します。画像の幅（または高さ）を固定的に調整するだけで、画像の元の比率に応じて画像の高さ（または幅）を自動的に調整することもできます。この場合、画像の mode 属性を使用して制御できます。画像タグ。

コンポーネントのデフォルトの幅は 320 ピクセル、高さは 240 ピクセルです。

ここでは、uniapp イメージ タグはイメージ タグであり、img タグではないことに注意してください。

モード 有効な値:

モード 14 個のモードがあり、そのうち 5 個はスケーリング モード、9 個はトリミング モードです。

通常は赤枠内の物を使用します。

具体的な使い方は以下の通りです。

//限制宽度，等比缩放图片大小
<image class="image" :src="circleUrl + message.payload.basePath" mode="widthFix" ></image>

//设置图片最大宽度
.image{
    
    
		max-width: 400rpx;
	}