web-dev-qa-db-ja.com

幅100%:画像の縦横比

投稿に画像を追加すると、WordPressはwidthタグとheight属性をimgタグにハードコードします。

CSSにmax-width:100%を追加しましたが、もちろん、ブラウザウィンドウが小さくなると、サイズ変更された画像の高さが伸びます。

私はそれについて何ができますか?

方法はありますか:

_ a _ :CSSで解決してください(私はそれを好むでしょう)?
_ b _ :WPを幅と高さをハードコードすることを禁止しますか?
または
_ c _ :画像の幅を扱う一般的な方法はありますか、わかりませんか。

3

_ a _ + _ c _

img.resize-proportionally {
    max-width: 100%;
    height: auto;
}

余談ですが、上記が機能するためには、 _ b _ を試みてはいけません。
widthタグにheightおよびimg属性を含めるのは良いことです。

2
Johannes Pille