ホームページ  >  記事  >  ウェブフロントエンド  >  CSS のみを使用して画像のサイズを比例的に変更できますか?

CSS のみを使用して画像のサイズを比例的に変更できますか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-30 01:56:29776ブラウズ

Can I Resize an Image Proportionally Using Only CSS?

CSS を使用して画像のサイズを比例的に変更する

クエリ:

画像のサイズを次のように変更できますか? CSS のみを使用して独自のサイズの割合を指定しますか?

答え:

はい、次の方法を使用して CSS を使用して画像のサイズを比例的に変更できます:

方法 1: 視覚的なサイズ変更

このメソッドは画像を視覚的にサイズ変更しますが、DOM 内の実際のサイズは変更しません。サイズ変更された画像は、元のサイズの中央に配置されます。

img {
  transform: scale(0.5);
}

以上がCSS のみを使用して画像のサイズを比例的に変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。