您可以仅使用 CSS 将图像大小调整为百分比内的百分比吗？

CSS 图像大小调整：在百分比范围内实现百分比

仅使用 CSS 将图像大小调整为其原始尺寸的百分比似乎是一个挑战。然而，令人惊讶的是，使用两种创新方法是可能的。

方法 1：视觉变换

此方法允许您在视觉上调整图像大小，而不改变其实际尺寸。生成的图像将在其原始大小内居中。

<code class="css">img {
  transform: scale(0.5);
}</code>

将此 CSS 应用于图像（例如下面的占位符图像），会在视觉上将其缩小到原始大小的 50%：

<code class="html"><img  src="/static/imghwm/default1.png" data-src="https://via.placeholder.com/300x200" class="lazy" alt="您可以仅使用 CSS 将图像大小调整为百分比内的百分比吗？" ></code>

以上是您可以仅使用 CSS 将图像大小调整为百分比内的百分比吗？的详细内容。更多信息请关注PHP中文网其他相关文章！