サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
qiita.com/becolomochi
追記(2021/10/14) この記事のやり方は古いやり方です。 IE や過去バージョンのブラウザに対応したい場合に参考にしてください。 今は aspect-ratio プロパティを使ってくださいね。 参考:CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法 | コリス やりたいこと サイズがバラバラな複数枚の画像を表示サイズを合わせて表示したい。 レスポンシブで縦と横の比率も揃えたい。 画像のトリミングは縦方向も横方向も中央部分が表示できれば良い。 CSS で画像をトリミングする方法 CSS で画像をトリミングするには…で思いつくのは2パターン。 ただしどちらも今回のやりたいことが達成できない object-fit を使う方法 object-fit - CSS: カスケーディングスタイルシート | MD
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く