サイトの特定の画像のサイズをモバイルでのみ変更したいウェブサイトでは、本文とフッターにのみコードを入力できます。ウェブサイトはbothellhomes.comです。ホームページには3つの丸い画像が表示されます。モバイルデバイスでは、画像が水平に表示されるように画像のサイズを変更します。現在、画像は非常に大きいため、垂直に移動します。1最初にモバイルを考える必要があります。モバイルバージョンの画像にスタイルを適用し、デスクトップ表示用のメディアクエリを使用してスタイルをオーバーライドします。IDまたはクラスを追加して、目的の画像のみをターゲットにすることができます。この場合、round-imagesというIDを追加しました。クラス「small-block-grid-1」および「medium-block-grid-3」を削除します。/></a></li></ul></section>次に、CSSを使用して、モバイル用に画像のスタイルを設定します。ヘッダーにアクセスできないため、インラインCSSを使用するか、以下に示す埋め込みCSSを使用して、この制限を回避できます。最後に、メディアクエリを追加して、以前のスタイルをリセットします。アイデアは次のとおりです。medium-block-grid-3」なしでこれが機能するようになりました。2cssを使用できない理由がわかりません。インラインスタイルを使用して、スタイルを並べて配置することはできないようです。画面サイズが小さくなると、本当に小さな画像になることに注意してください。style="float:left;width="30%">すべての要素にこのスタイルを設定します。中央のエッジは、画像のエッジが互いに触れないように、おそらく各辺に5%のマージンを持たせる必要があります。5%;">画像の高さを削除し、画像の幅を100%に設定するだけで、そのコンテナの端であるliに引き伸ばされます。liにクラスを与え、それらを左にフローティングすることで、cssでも同じことができます。Objectkeys()。