使用时zoom: 0.5;,图像在不在<a>标记内部时以0.5x大小呈现,但在<a>标记内部时以1x大小呈现.
这发生在iOS 8 GM(Xcode 6 GM的iPhone 5模拟器和iPad mini)上.
iOS 7.1.2(iPhone 5)和iOS 7.0(Xcode 6 GM的iPhone 5模拟器)不会出现这种情况.
以下是一个示例:https://dl.dropboxusercontent.com/u/379843/ios8csszoom/test.html
<!DOCTYPE html>
<html>
<body>
<img src="star-on@2x.png" style="border: 1px solid blue; zoom: 0.5;"/>
<a href="#">
<img src="star-on@2x.png" style="border: 1px solid blue; zoom: 0.5;"/>
</a>
<hr>
<img src="star-on@2x.png" style="border: 1px solid blue; -webkit-transform: scale(0.5);"/>
<a href="#">
<img src="star-on@2x.png" style="border: 1px solid blue; -webkit-transform: scale(0.5);"/>
</a>
</body>
</html>
-webkit-transform在iOS 8上运行,但我不想使用它,因为即使图像以0.5x大小呈现,<img>标签消耗的空间也是1x大小.
任何解决方法？