综合技术

CSS zoom does not work for a & lt; Img & gt; In & lt; A & gt; in iOS 8 …

微信扫一扫,分享到朋友圈

CSS zoom does not work for a & lt; Img & gt; In & lt; A & gt; in iOS 8 …
0

Using zoom: 0.5;
, image gets rendered in 0.5x size when not inside
tag, but in 1x size when inside

tag.

This occurred with iOS 8 GM (iPhone 5 simulator of Xcode 6 GM, and iPad mini).

This did not occur with iOS 7.1.2 (iPhone 5) and iOS 7.0 (iPhone 5 simulator of Xcode 6 GM).

Here is an example : https://dl.dropboxusercontent.com/u/379843/ios8csszoom/test.html


    
        <img src="[email protected]" style="border: 1px solid blue; zoom: 0.5;"/>

        
            <img src="[email protected]" style="border: 1px solid blue; zoom: 0.5;"/>
        

        
<img src="[email protected]" style="border: 1px solid blue; -webkit-transform: scale(0.5);"/> <img src="[email protected]" style="border: 1px solid blue; -webkit-transform: scale(0.5);"/>

-webkit-transform
is functioning on iOS 8, but I don’ want to use this, because even though the image is rendered in 0.5x size, the space consumed by the
tag is 1x size.

Any workarounds?

Although not ideal, this is how I’ve coped with the problem:

  • Replace anchors with another element (div or span depending on block/inline)
  • Give each element a shared class name
  • Either leave the href, or, add a data-href property with the href
  • On a high level, have an event listener bind to all elements with your class name
  • Event listener reads href and then triggers routing/controller logic appropriate for your framework

Example: http://jsfiddle.net/z5crh05a/

$(".fauxLink").on("click", function(e) {

        var href = $(e.currentTarget).attr("href");

        e.preventDefault();
        e.stopPropagation();            

        // navigation logic here
        alert("Navigate to: "+href);

    });

});

Hopefully the issue in Safari is fixed in a future iOS update.

阅读原文...

Hello, buddy!

韩国海关测试区块链清算系统 提升进出口业务效率

上一篇

大学毕业生创业"修手机" 两个月进账超30万元

下一篇

您也可能喜欢

评论已经被关闭。

插入图片
CSS zoom does not work for a & lt&semi; Img & gt&semi; In & lt&semi; A & gt&semi; in iOS 8 …

长按储存图像,分享给朋友