将图像设置为原始大小的一半 - CSS

为了在网站上调整图像的大小，可以使用CSS来实现。本文将介绍如何将图像设置为原始大小的一半。

方法一：使用width和height属性

可以通过设置图像的width和height属性为原始大小的一半来改变图像的大小。以下是使用CSS实现的代码片段：

img {
  width: 50%;
  height: auto;
}

上述代码中，通过将width设置为50%来将图像宽度减小为原始大小的一半。height属性设置为auto以保持图像的原始纵横比，保证图像不会被拉伸变形。

方法二：使用transform属性

使用CSS的transform属性也可以将图像缩放为原始大小的一半。以下是使用CSS实现的代码片段：

img {
  transform: scale(0.5);
}

上述代码中，通过scale函数将图像缩放为0.5倍，即原始大小的一半。

扩展阅读

• CSS width 属性
• CSS height 属性
• CSS transform 属性