CSS3 : resize property to an image

Question

如果可以调整图像大小，使用 CSS3 resize property ？我注意到它是针对 block 元素的，但是有什么解决方法或可能的解决方案吗？我知道我可能会使用 jQuery UI resizable plugin但我想应用这种 CSS3 技术。

谢谢

Answer 1

我认为您不能对图像使用 CSS3 调整大小。文档指出:

Note: The resize property applies to elements whose computed overflow value is something other than "visible".

但是，您可以将图像放入与图像大小相同的 div 中，然后对其应用 CSS3 调整大小。

<div style="height: 41px; width:114px; resize:both; overflow:hidden;">
     <img style="width: 100%; height: 100%;" src="http://www.google.com/logos/2011/curie11-sr.png">
</div>