“-webkit-transform: scale(2)” doesn't affect click area of Facebook Like Button (on iPad)

问题

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?

回答1:

have you tried using the 'clip:' attribute?

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

Sorry if that's too much of a workaround.

来源：https://stackoverflow.com/questions/18267614/webkit-transform-scale2-doesnt-affect-click-area-of-facebook-like-button