良い一日。
ipad で、-webkit-transform を使用して iframe をスケーリングすると、scale(2) によって iframe のクリック可能な領域が破損します。
リンクのクリックは失敗し、マークされたクリック領域がリンクとは別の場所に表示されます。
.
$("iframe").contents().find("body").html('<br><br>'+
'<a href="javascript:alert(1)">link1</a><br>'+
'<a href="javascript:alert(2)">link2</a>');
$("iframe").css({
'-webkit-transform': 'scale(2)',
'-webkit-transform-origin': '0 0'
});
IPad Safari でこのソリューションCSS3 Transform scaling issue を見ました
しかし、クロスドメインのためiframe自体にアクセスできません(むしろ入りません)
前もって感謝します!