"-webkit-transform: Skala (2)" hat keinen Einfluss auf Bereich von Facebook Like Button klicken (auf dem iPad)

I Größe von iframe mit wie verwandelt haben:"-webkit-transform: Skala (2)" hat keinen Einfluss auf Bereich von Facebook Like Button klicken (auf dem iPad)

Scaled facebook like button

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

Für alle Desktop-Browser funktioniert es gut, aber in iPad Safari klickbaren Bereich von Links bleiben nur die gleiche Größe (siehe drittes Bild)

Weiß jemand, wie es behoben werden kann?

Quelle

2013-08-16 meatinside

Bitte Bild einbetten –

Duplizieren? - http://stackoverflow.com/questions/18156851/ios-css-webkit-transform-scale-doesnt-offset-touch-events – BigMacAttack

Hey metinside, hast du dieses Problem jemals gelöst? Ich schaue mir das jetzt an. Können Sie mit einer Antwort aktualisieren, wenn Sie es gelöst haben? – djburdick

Haben Sie versucht, das Attribut 'clip:' zu verwenden?

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

Entschuldigung, wenn das zu viel von einer Problemumgehung ist.

Quelle

2013-09-29 02:14:37

Nein, Clip löst nicht das Problem für Safari/iPad. – meatinside

"-webkit-transform: Skala (2)" hat keinen Einfluss auf Bereich von Facebook Like Button klicken (auf dem iPad)

Antwort

Verwandte Themen