質問: 現在wordpressでレスポンシブのウェブサイトを作成しています。 **add_image_size( 'blog-list', 360, 270, true );** をfunctions.phpで定義しており、ブログ一覧ページでblog-listを使っています。 大きい画像の場合は問題ないのですが、小さいサイズの場合は縦横比率が変わってしまいます。 例: 横150px * 縦150pxだとblog-listは縦150px * 横幅150pxになる 横380px × 縦119pxだとblog-listは縦360px * 横幅119pxになる 上記の状態でブログ一覧を表示するとサムネイル画像のサイズに統一感がないため、強制的に表示しようとしていますがその方法がわからなくて困っています。 なお、レスポンシブに対応するために、imgには以下のプロパティとしています。 width: 100%; max-width: 100%; height: auto; wordpressの画像アップロードで指定したサイズを必ず作る方法、もしくはcssかjsを使って実現する方法はありますか?
回答: ``` [class*="wp-image"] { /* width: 100% を指定しているところ */ height: auto; } ``` CSSで出来ると思います。