HTMLのレスポンシブ画像

こんにちは、HTML は初心者ですが、Discourse は経験があります。

画像をレスポンシブ(画面サイズに応じてサイズが変化する)にする方法をご存知の方はいらっしゃいますか?スレッドに画像を追加して、レスポンシブにしたいと考えています。

こんにちは、Meta へようこそ :wave:

これは既に機能するはずです。デスクトップでは、投稿の最大幅は約 700px です。画像の最大幅は max_image_width サイト設定で定義されます。デフォルトはパディングを考慮して 690px に設定されています。700px より小さいデスクトップブラウザウィンドウを使用する人はまずいません。

モバイルでは、画像の幅は画面サイズに基づいて設定されます。そのため、使用するスマートフォンに関係なく、画像は常に収まります。

これらの仕組みについては、こちらでご確認いただけます。

discourse/app/assets/javascripts/discourse/widgets/post-cooked.js at c61ebc9ba67d6588c09c2b93205865e0fd388f51 · discourse/discourse · GitHub