CSS3：將屬性大小調整爲圖像

如果可以調整圖像大小，請使用CSS3 resize property？我注意到它是用於塊元素的，但是有沒有解決方法或可行的解決方案？我知道我可能會使用jQuery UI resizable plugin，但我想申請這個CSS3技術。CSS3：將屬性大小調整爲圖像

感謝

來源

2011-11-07 maza23

我不相信你可以使用CSS3調整上的圖像。該文檔指出：

注意：resize屬性適用於其計算的溢出值不是「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>

來源

2011-11-07 19:23:32

這裏有一個的jsfiddle這樣你就可以在行動中看到它：http://goo.gl/qrDSB –

感謝，我知道的方法，但在等待的圖像一些「神奇」的解決方案... – maza23

也，您是否注意到這不允許在Chrome中縮小尺寸？ – maza23

CSS3：將屬性大小調整爲圖像

回答

相關問題