web-dev-qa-db-ja.com

画像の高さと幅が機能しませんか？

この投稿では、画像の高さと幅を設定しました。これはHTMLで明確に表示されます。

[削除されたURL]

しかし、ブラウザまたはWordpressは、画像を同じサイズのままにします。

もっと小さくしたいですか？

htmlcsswordpressxhtml
13
Mark R

あなたは書く必要があります

<img src="theSource" style="width:30px;height:30px;" />

インラインスタイリングは、常にCSSスタイリングよりも優先されます。幅と高さ属性はスタイルシートによってオーバーライドされるため、この形式に切り替える必要があります。

51
Mageek

CSSに幅と高さを上書きするクラスがあり、クラスは次のように読み取ります。

.postItem img {
    height: auto;
    width: 450px;
}

これを削除すると、imgタグのwidth/heightプロパティが機能するはずです。

7
Andres Ilich

http://www.markrafferty.com/wp-content/w3tc/min/7415c412.e68ae1.css

11行目：

.postItem img {
    height: auto;
    width: 450px;
}

CSSを編集するか、Mageekを聞いてINLINE STYLINGを使用して、発生しているCSSスタイルをオーバーライドできます。

<img src="theSource" style="width:30px;" />

画像自体は比例的に拡大縮小されない可能性があるため、幅と高さの両方を設定しないでください。ただし、Mageekの例のように、寸法を自由に設定できます。

2
maiorano84