Skip to product information
Shopifyでサイズの異なる画像を扱う際は、CSSのaspect-ratio: n/nとobject-fit: cover;プロパティの組み合わせが便利
Published:2023.01.13

When working with images of different sizes on Shopify, the combination of CSS properties aspect-ratio: n/n and object-fit: cover; is useful.

When dealing with images of different sizes, the combination of the CSS aspect-retio and object-fit: cover properties can be useful. Although it is a relatively new property, it is already available in almost all modern browsers, including mobile.

You can arrange images of different sizes together.

Already available in almost all modern browsers, including mobile

↗ Related Post

すべてのShopify TIPS

View all