php - アスペクト比を失うことなく、特定のサイズのボックスに画像を合わせますか?

Question

アスペクト比を失うことなく、Wordpress に入力された画像を特定のサイズの div に収めるにはどうすればよいですか?

div は 104px x 104px ですが、ユーザーは文字どおり任意のサイズの画像を Wordpress に入力できます。

次を使用して、Wordpress からページに画像を挿入しています。

<img border="0" src="<?php the_sub_field('logo'); ?>" alt="<?php the_sub_field('text'); ?>" />

幅や高さを設定していません。

score 2 · Accepted Answer

これは、WordPress、PHP、またはその他のサーバー側プログラムやプログラミング言語とは何の関係もありません。

<img style="max-width: 100%;" border="0" src="<?php the_sub_field('logo'); ?>" alt="<?php the_sub_field('text'); ?>" />

他の幅や高さを設定しない限りmax-width、画像は含まれる要素よりも大きくならず、縦横比が失われません。

score 1 · Accepted Answer

高さまたは幅の 1 つのパラメータのみを設定します。その画像の縦横比が失われることはありません。コンテナーの幅を設定して画像の幅を 100% にするか、画像に幅を直接追加できますが、両方のパラメーターを設定して正しい縦横比を取得しないでください。

score 0 · Accepted Answer

ここにはたくさんの悪魔がいますそれを使う方法

4 に答える 4