css - css を使用してブラウザーまたは画面解像度で画像を拡大縮小するにはどうすればよいですか?

Question

私は mybb フォーラムのページに取り組んでおり、いくつかの画像を追加しました。それらを画面の解像度に合わせて拡大縮小したいので、17 インチの画面を持っている場合、19 インチの画面の人と同じように見えます。今のところ、画像はすべてめちゃくちゃに見えるからです。ここに私が取り組んでいるページがあります。http://crescentgaming.com/forums/test.php

Answer 1

px 単位の代わりに % を試すか、@media を使用して任意の解像度 @mediaのサイズを指定してください

標準デバイス用の CSS @media

PS: @media の下では、特定の要素、ID、またはクラスの変更のみを指定できるため、穴ページを再設計する必要はありません (私の知る限り)。試してみてください:)

Answer 2

CSS では、パーセントを使用します。

HTML

<img src="/folder/whatever.jpg">

CSS

img{
  width: 45%;
}

もちろん、任意のパーセントに切り替えることができます。JavaScript にはもっと複雑な方法がありますが、これは通常 (私にとっては) うまくいきます。