2012-10-04 16 views
5

Sto riscontrando un problema con l'utilizzo delle trasformazioni CCS3 su un iframe in Mobile Safari. Se io uso -webkit-transform: scale(); su un iframe, il contenuto della scala iframe di conseguenza, ma i link nell'interruzione dell'iframe.Ridimensionare un iframe su Mobile Safari interrompe i collegamenti dell'iframe

Toccando l'elemento evidenzia il hitbox, e sembra che il link hitboxes non vengono ridimensionati. Quando tocchi un link, puoi vedere la hitbox in cui si trovava il collegamento se l'iframe non veniva ridimensionato.

Questo peggiora ulteriormente quanto più il collegamento è dall'angolo in alto a sinistra, indipendentemente da dove si imposta l'origine della trasformazione.

La stessa pagina che sto testando funziona perfettamente su Safari e Chrome sul mio computer, quindi ho il sospetto che si tratti di un bug di Mobile Safari.

Si tratta di un problema noto? Qualcuno sa di una soluzione alternativa? Ho provato a utilizzare la proprietà zoom, ma questo ridimensiona solo l'iframe, non il suo contenuto.

Ho caricato un esempio qui: http://trrrm.com/iframe/ Se lo apri su un dispositivo iOS e fai clic sui collegamenti nell'iframe, vedrai cosa intendo.

Grazie per qualsiasi aiuto!

+0

È utile? http://stackoverflow.com/questions/14175464/webpage-on-mobile-safari-is-not-scaling-to-fit-viewport –

+0

Hi terrarum Hai mai trovato una risposta per questo? Ho avuto lo stesso identico problema. –

+0

Grazie per i commenti Carol e Claes, li ho appena visti, suppongo di non aver impostato le notifiche e-mail o qualcosa del genere! Non riesco a ricordare cosa abbiamo fatto alla fine, ma immagino che a Claes probabilmente a oggi non importi neanche :) – terrarum

risposta

0

È un problema noto. Toccare gli eventi su un iframe in scala non funzionerà correttamente su iOS. Se si sta creando il contenuto di iFrame, è possibile ridimensionare l'elemento del corpo del contenuto.

Si noti che anche le traduzioni animate causano problemi su un iOS6 - Ho dovuto forzare un relayout cambiando l'inizio dell'iframe di 1px al termine dell'animazione per far funzionare correttamente gli eventi touch.

Webkit ha an open bug on transformed iframes.

Problemi correlati