以“原生”大小的50% 显示图像
我把一个 img标签放在一个文档中，却不知道相应图片的宽度/高度:
<img src="/myimage.png" />
我想使用 CSS 将图像缩放到其“原生”大小(底层图像的大小)的一半。我不知道该怎么做。
- 使用
width: 50%将大小相对于包含块，而不是图像。 - 我不能调整到特定的像素宽度，因为我不知道图像的大小。
因为我只需要支持 WebKit，所以我尝试使用一个转换:
-webkit-transform: scale(0.5);这可以很好地调整图像，但不会调整图像元素本身的大小。
- @ Radagaisus 建议使用 Javascript，这是一个很好的备用方法。然而，这是在一个超轻量级的移动页面上，所以我不能使用 jQuery，手动处理所有 onload ()处理程序将是一件痛苦的事情。
作为附言: 我为什么要这么做？因为我需要处理视网膜显示器。我可以检测到它使用 devicePixelRatio和填写较大(2倍)的图像，但我需要缩放到50% ，看起来正确的显示。
最佳答案