Pregunton.Org

947 Preguntas , 2.696 Respuestas , 6 Usuarios conectados

¿Cómo evitar que iOS o Safari muestren un cambio de línea al usar la etiqueta audio en HTML?

He comprobado que al incorporar la etiqueta audio en HTML no cambia el aspecto de la página en navegadores de Windows o Android, pero sí que cambia en iOS, concretamente en una tablet iPad. Por algún motivo al poner el tag audio incorpora un espacio en blanco o a veces un cambio de línea que estropea el diseño. ¿Es posible evitar este defecto de render en plataformas Apple?

 
Preguntado por Anónimo
    Share on Google+        

Respuesta:

Sí. Efectivamente la etiqueta audio crea este desagradable efecto visual en sistema Apple. Hay una solución sencilla, que consiste en definir un modificador CSS para todos los elementos audio de la página web:

/* Avoids iOS/Safari to render white space or even new line for audio html tag */
audio { height:0; width:0; }

Este truco arregla el problema en iOS.
 
Respondido por Anónimo

Añade aquí tu propia respuesta:

 
Respondido por Anónimo el
 

 

 

Pueblos | Compra Venta | Genealógico | Foro Común | Tú Opinas | IberBase
Móvil | Escritorio | Privacidad | Contactar | © Proyectos IP
Preguntar

 

 

audio ios html etiqueta tag apple cambia pagina render safari linea cambio css elementos web avoids modificador arregla solucion consiste definir white space for height width line new sistema or even truco desagradable concretamente tablet ipad motivo android windows comprobado aspecto navegadores incorpora espacio crea incorporar efecto plataformas muestren estropea diseño defecto visual