[解決済み] HTML img スケーリング

質問

HTMLのimgタグで大きな画像を表示しようとしています。今のところ、画面の端から外れてしまいます。どうすれば、ブラウザのウィンドウ内に収まるように拡大縮小できるでしょうか？

あるいは、それが不可能な場合、少なくとも、"この画像を通常の50%の幅と高さで表示する"と言うことは可能でしょうか？

私の知る限り、この属性はコンテナが最終的に持つ、画像とは無関係な属性を参照しているためです。ピクセルを指定できないのは、それぞれ異なるピクセルサイズの画像を大量に扱わなければならないからです。Max-widthは使えません。

解決方法は？

を設定するだけです。 width または height で、もう一方は自動的に拡大縮小されます。そして、パーセンテージを使用することもできます。

最初の部分は可能ですが、JavaScriptを必要とするため、すべてのユーザーで動作しない可能性があります。