2011-05-03 17 views
27

¿Hay alguna especificación que especifique el ancho/alto predeterminado de un IFrame?Ancho/alto predeterminados de un IFrame

Los navegadores que probé (FF, IE, Chrome) parecen usar 300x150px pero no pude encontrar ninguna especificación al respecto. En caso de que alguna vez me encuentre en esta situación, ¿puedo confiar en estos valores o debo establecer siempre el ancho/alto explícitamente?

Respuesta

35

Encontré la respuesta en el dev-tech-layout mailing list - es parte de la especificación CSS. La relación predeterminada es 2: 1.

El ancho predeterminado de 300px se define en el último párrafo de la especificación CSS, sección sobre the width of inline replaced elements.

lo contrario, si 'width' tiene un valor computado de 'auto', pero no se cumple ninguna de las condiciones anteriores , a continuación, el valor usado de 'ancho' se convierte en 300px. Si 300px es demasiado ancho para caber en el dispositivo, los UA deben usar el ancho del rectángulo más grande que tiene una relación de 2: 1 y en su lugar se ajusta al dispositivo .

La altura por defecto de 150 px se define en el último párrafo de la especificación CSS, sección sobre the height of inline replaced elements.

De lo contrario, si 'altura' tiene un valor computado de 'auto', pero no se cumple ninguna de las condiciones anteriores, entonces el valor utilizado de 'altura' se debe establecer a la altura del rectángulo más grande que tiene una relación de 2: 1, tiene una altura de no mayor de 150px, y tiene un ancho no mayor que el ancho del dispositivo .

+0

¡Excelente descubrimiento! ¿Has descubierto qué versión de qué navegador implementa esta parte de la especificación? – Gezim

5

Establecería el ancho y el alto de manera explícita para asegurar una representación consistente en múltiples navegadores/plataformas, ya que no hay garantía de que cada navegador implemente las mismas dimensiones predeterminadas.

<iframe src="iframePage.html" width="100%" height="300"> 
    <p>Your browser does not support iframes.</p> 
</iframe> 
+5

Realmente no responde a la pregunta = ( –