HTML&CSS
CSSでimg要素の大きさ調整とobject-fit属性のシミュレーター
![](/wp-content/uploads/2022/06/css-img.jpg)
CSSでimg要素の画像の大きさ調整をする際、どういう場合にどうなるのかをシミュレーションできるようにします。
img要素の大きさ調整とobject-fitシミュレーター
300px | |
300px | |
500px |
|
500px |
|
![コンテナ有で大きさ調整確認用の画像](https://www.bring-flower.com/wp-content/themes/bf-official/images/flower-small.jpg?20240727101105)
まとめ
正直、このページは色々試した結果ひとまずシンプルになりました(苦笑)
ニーズに応えたいので、こういうケースのシミュレーターが欲しいなどあれば問い合わせフォームからご連絡ください。