"-webkit-transform: scale (2)" nie wpływa kliknij obszar Facebook Like Button (na iPadzie)

Mam przekształconej wielkości iframe z niczym:"-webkit-transform: scale (2)" nie wpływa kliknij obszar Facebook Like Button (na iPadzie)

Scaled facebook like button

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

Dla wszystkich przeglądarek komputerowych działa dobrze, ale w iPadzie Safari klikalny obszar łączy pozostaje w tym samym rozmiarze (patrz trzecie zdjęcie).

Czy ktoś wie, jak można go naprawić?

Źródło

2013-08-16 meatinside

proszę złożyć obraz –

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

Hej, skarbie, czy kiedykolwiek rozwiązałeś ten problem? Zajmę się tym teraz. Czy możesz zaktualizować odpowiedź, jeśli ją rozwiązałeś? – djburdick

Czy próbowałeś użyć atrybutu "clip:"?

tj .: klip: rect (3px 20px 5px 8px);

Przepraszam, jeśli to za dużo obejścia.

Źródło

2013-09-29 02:14:37

Nie, klip nie rozwiązuje problemu z safari/ipad. – meatinside

"-webkit-transform: scale (2)" nie wpływa kliknij obszar Facebook Like Button (na iPadzie)

Odpowiedz

Powiązane problemy