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

Question

この投稿では、画像の高さと幅を設定しました。これはHTMLではっきりとわかります。

[URLが削除されました]

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

小さくしたいですか？

score 80 · Accepted Answer

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

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

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

score 9 · Accepted Answer

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

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

imgそれを削除すると、タグの幅/高さのプロパティが機能するはずです。

score 3 · Accepted Answer

11行目:

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

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

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

画像自体が比例してスケーリングされない可能性があるため、幅と高さの両方を設定することは避けてください。ただし、Mageek の例のように、寸法を好きなように設定できます。

3 に答える 3