“-webkit-transform：scale（2）”不影响点击区域的Facebook喜欢按钮（在iPad上） [英] "-webkit-transform: scale(2)" doesn't affect click area of Facebook Like Button (on iPad)

问题描述

我已使用以下格式转换iframe的大小：

  iframe 
 {
 transform：scale ; 
 -webkit-transform：scale（2）！important; 
 transform-origin：top left; 
 -webkit-transform-origin：top left; 
} 
  

对于所有桌面浏览器，它工作正常，但在iPad Safari可点击区域

有人知道如何解决这个问题吗？

ie：clip：rect（3px 20px 5px 8px）; <>

对不起，如果这是一个解决方法太多。

I've transformed size of iframe with like:

iframe
{
    transform: scale(2) !important; 
    -webkit-transform: scale(2) !important; 
    transform-origin: top left;
    -webkit-transform-origin: top left;
}

For all desktop browsers it works just fine, but in iPad Safari clickable area of links stay just the same size (look at third picture)

Does anybody know how it can be fixed?

解决方案

have you tried using the 'clip:' attribute?

ie: clip: rect(3px 20px 5px 8px);

Sorry if that's too much of a workaround.

这篇关于“-webkit-transform：scale（2）”不影响点击区域的Facebook喜欢按钮（在iPad上）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！