画面全体をミニプログラム画像で埋めるにはどうすればよいですか?

#ミニプログラム画像を画面全体に表示するにはどうすればよいですか?

##主に タグの mode='widthFix' 属性を使用して画面をカバーします

特定のプログラム セグメントに Yes を追加しました。 wxml:

<image src="/images/1.jpg" class=&#39;in-image&#39; mode=&#39;widthFix&#39;> </image>

と .wxss への変更:

page{
   height:100%
}
.imagesize{
 display:flex;
 height: 100%;
 justify-content: center;
 align-items:center;
}

デモ:

動作するかどうかを確認します。 widthFix の追加のレンダリング:

したがって、これは依然として非常に便利です。

これは下部タブ ウィンドウであるため、画面全体をカバーする画像は表示されません。

起動画面をデザインすることができます。適切な比率で写真を撮ることは、実際の表示効果に影響します。背景色と画像の色の違いにも注意する必要があります。デバッグ時。

推奨チュートリアル: 「

WeChat ミニ プログラム 」

以上が画面全体をミニプログラム画像で埋めるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。