CSS를 사용하여 이미지 크기를 비례적으로 조정하는 방법

max-width 및 max-height 또는 object-fit 속성을 사용하면 CSS에서 이미지 크기를 비례적으로 조정하고 이미지의 가로 세로 비율을 유지할 수 있습니다.

CSS를 사용하여 이미지 크기를 비례적으로 조정하는 방법

질문에 바로 요점에 답하세요.

CSS에서 이미지 크기를 비례적으로 조정하려면max-width를 사용할 수 있습니다. code> 및 max-height 속성을 사용하거나object-fit속성을 사용하세요.max-width和max-height属性，或使用object-fit属性。

详细展开回答：

1. 使用max-width和max-height属性

img { max-width: 100%; max-height: 100%; }

使用这种方法，图片将自动等比例缩放以适应容器的大小，同时保持图像的宽高比。

2. 使用object-fit属性

img { object-fit: contain; }

object-fit属性有以下几种值：

• contain：图片等比例缩放以完全填充容器，同时保持图像的宽高比。
• cover：图片等比例缩放以完全填充容器，但可能会裁剪图片。
• fill：图片拉伸以填充容器，忽略图像的宽高比。

注意：

• object-fit
• 상세 답변:
  • 1.max-width및max-height속성을 사용하세요
  • rrreee
  이 방법을 사용하면 이미지가 자동으로 비례하게 됩니다. 이미지의 가로 세로 비율을 유지하면서 컨테이너 크기에 맞게 크기를 조정합니다.
  2.object-fit속성을 사용하세요.

위 내용은 CSS를 사용하여 이미지 크기를 비례적으로 조정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!