コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > WeChat アプレット > ミニプログラム開発 > 画面全体をミニプログラム画像で埋めるにはどうすればよいですか?

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

烟雨青岚
リリース： 2020-06-16 14:48:09
オリジナル
6450 人が閲覧しました

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

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

##主に タグの 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 サイトの他の関連記事を参照してください。

関連ラベル：
アプレット
ソース：php.cn
前の記事：ミニ プログラムを始めるには、この記事をお読みください 次の記事：WeChat ミニ プログラム Tiaoyitiao はどこで見つけられますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか? Webアプリケーションを開発しています。 Web アプリケーションでバージョン情報を表示するためのベスト プラクティスは何ですか?私はセマンティック バージョニングを使用しており、...
から 2024-04-06 19:13:16
0
2
476
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
React を使用して Go サーバーから Cookie データを取得できません React の後、バックエンドを開始し、バックエンド サーバーに githubOAUTH とセッションを追加してデータを保存しました。これらはすべてバックエンドで正常に動作し、セッ...
から 2024-04-06 13:09:26
0
1
384
Laravel 9.x の一般エラー: フィールド 'id' にデフォルト値がありません 私はアプリで UUID を使用しており、次のようにオンラインで示されているようにトレイトを実装しました: traitUuid{protectedstaticfunctionboot...
から 2024-04-06 11:12:54
0
1
350
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート