必要に応じて、css の背景属性を使用して設定することをお勧めします。
最初のステップは、画面サイズの DOM 要素を追加することです。
imgsrc のサイズが指定されている場合は、imgsrc に直接設定します。
ステップ 2: 要素の CSS 属性を設定します。
最初の階では、画像を引き伸ばさないようにします。
背景位置属性を調整して画像の位置を制御します。こんな書き方もオススメです

次の方法では画像を完全に表示できますが、画面がロックされていない場合、画面が水平のときに画像が大幅に引き伸ばされます。 リーリー

また、画像を引き伸ばさずに完全に表示することに本当にこだわる場合は、デザインの参考プランを提供してください:
画像の輪郭をフェザリングした後、背景色を追加し、背景色のカラー値を取得します。画像の imgsrc または追加された DOM 要素で css 属性を設定します:
リーリー

それを達成する方法はたくさんあります。 jsの計算はもちろん、<img> 标签可以用比较新的 object-fit: cover;属性も。

または、写真を背景に置き、background-size: cover; ，这种方式还可以通过百分比的 background-position を使用してフォーカスを指定すると、フォーカスが表示されたままになります。

背景が同じ色ではないというのはどういう意味ですか？もっとわかりやすく説明してもらえますか？

画像を背景画像として使用し、background-size:cover を設定します。

幅: 100vw; 高さ: 100vh; ただし、以前のバージョンの ie とは互換性がありません。