Tengo un problema con el uso de las transformaciones CCS3 en un iframe en Mobile Safari. Si utilizo -webkit-transform: scale(); en un iframe, el contenido del iframe escala en consecuencia, pero los enlaces en el iframe se rompen.Escalar un iframe en Mobile Safari está rompiendo los enlaces del iframe
Al tocar el elemento pone de relieve la Hitbox, y parece que el enlace hitboxes no se están ampliando. Cuando toca un enlace, puede ver que el cuadro de hit aparece donde habría estado el enlace si el iframe no se estaba escalando.
Esto empeora cuanto más lejos se encuentre el enlace desde la esquina superior izquierda, independientemente de dónde establezca el origen de la transformación.
La misma página que estoy probando esto funciona perfectamente en Safari y Chrome en mi computadora, así que sospecho que se trata de un error de Mobile Safari.
¿Es esto un problema conocido? ¿Alguien sabe de una solución? Intenté usar la propiedad de zoom, pero eso solo cambia el tamaño del iframe, no su contenido.
He cargado un ejemplo aquí: http://trrrm.com/iframe/ Si abre eso en un dispositivo iOS y hace clic en los enlaces del iframe, verá lo que quiero decir.
¡Gracias por cualquier ayuda!
¿Esto es útil? http://stackoverflow.com/questions/14175464/webpage-on-mobile-safari-is-not-scaling-to-fit-viewport –
Hi terrarum ¿Alguna vez encontró una respuesta para esto? Tengo exactamente el mismo problema. –
Gracias por los comentarios Carol y Claes, solo los vi, ¡supongo que no tenía configuradas las notificaciones por correo electrónico o algo así! No puedo recordar lo que hicimos al final, pero creo que a Claes probablemente tampoco le importa ahora :) – terrarum