2011-10-14 22 views
13

¿Dónde puedo encontrar documentación sobre el nuevo comportamiento del elemento IFRAME en iOS 5 Safari? La evidencia empírica sugiere que IFRAME ahora se expandirá para ajustarse al contenido, ampliando el documento que lo contiene para hacerlo, con lo que a menudo se rompe el código que funciona bien en iOS4.3 (y navegadores de escritorio).iOS 5 Safari y el elemento IFRAME

¿Hay alguna manera de controlar este nuevo comportamiento?

+0

¿Ha intentado aplicar estilos directamente al IFRAME para controlar su comportamiento? – derrylwc

+0

sí, no ayuda. Hay un cambio definitivo en el comportamiento entre iOS4 e iOS5. A mi parecer, Apple eligió la peor forma de resolver el problema de desplazamiento con dos dedos con contenido iframed. Suspiro. –

+0

Entonces, ¿qué haces ahora? -webkit-overflow-scrolling: táctil; ? – sunkencity

Respuesta

2

No pude encontrar ninguna documentación oficial que enumera las diferencias de la etiqueta en iOS5, pero encontré estos enlaces que explican un poco acerca de la nueva etiqueta/cambios en iOS5 safari.

New Mobile Safari stuff in iOS5

iOS SDK Release Notes for iOS 5.0

Handling Events, Safari Web Content Guide

Usted mencionó que la etiqueta ahora se extiende a lo ancho del contenido en su interior. ¿Le gustaría que fuera un ancho fijo?

Usted podría ...

  1. Pruebe el estilo del iframe en CSS para el ancho que desee (Estoy seguro de que ha intentado esto)
  2. establecer un ancho de la etiqueta de modo body que el iframe no se extienden fuera de ella (no estoy seguro si esto funciona)
  3. Ponga una <div> todo el contenido que está siendo recuperado por el iframe que tiene un ancho establecido

Edit: Acabo de leer el comentario que dice que el estilo del iframe directamente, pero has mencionado que no funciona. Trataría de diseñar el contenedor div en su lugar, si esa es una opción.

+0

Gracias Charlie, pero ninguno de los enlaces parece aplicarse y las soluciones fueron probadas antes de publicar la pregunta. –

+0

Los enlaces se aplican. Solicitó documentación sobre los cambios en el elemento 'iframe'. El enlace 1 dice "Para el contenido que no cabe en su elemento contenedor, anteriormente el contenido estaba completamente cortado (de manera similar a los marcos)". El enlace 2 se puso allí para mostrar que no había documentación de la manzana. En cuanto a mis soluciones, el # 3 debería funcionar y noté que el # 1 ya estaba cubierto. – Charlie

+0

Marcando esto como * la * respuesta ... –