Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

I've transformed size of iframe with like:

Scaled facebook like button

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?

like image 848
meatinside Avatar asked Aug 16 '13 07:08

meatinside


1 Answers

have you tried using the 'clip:' attribute?

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

Sorry if that's too much of a workaround.

like image 187
Alex Stone Avatar answered Oct 17 '22 07:10

Alex Stone