試してみるbackground-size: cover;

background-size と組み合わせて使用する、background-position を試してみましたか?

Apple のページのいくつかは、背景画像を使用しており、アダプティブです。もちろん、レイアウトも比較的シンプルです。その原理はCSS3 Media Queryです。

私は通常 2 つのソリューションを使用します:

• 12列グリッドレイアウトシステム(幅、フロート、シーケンシャルレスポンス);

メディアクエリの適応 (
• レイアウト、フォントサイズ、適応されたフロー節約画像を使用);

  position属性或flexコンポーネント開発の場合でも、

  インラインパラメータ
を定義することができ、コンポーネントは内部でレイアウトスタイルを決定します(いくつかのレイアウトがプリセットされています)。

属性を使用して適応型画像表示 (自動入力) を実装したり、メディア クエリを使用してさまざまなデバイスで異なる表示を指定したりできます (例: デスクトップ画像は高さよりも幅が広く、モバイル画像は高さよりも幅が広い)垂直画面の画像は幅よりも高さが大きい) ) 画像 (トラフィックを節約)。props私はこう思います: デザイナーが十分な画像適応サイズと計画を提供しない限り、コンテンツ レイアウトの一部として背景を使用しないようにしてください。