22 votos

Internet Explorer 10 ignora el ancho y alto de las imágenes en

Tengo una página web en la que Internet Explorer 10 es completamente de lado el establecer explícitamente los atributos de anchura y altura en favor de la real tamaño de la imagen.

La imagen se define como:

<img style="float: left; margin: 0px 10px 0px 0px; display: inline;" 
     align="left" src="http://blog.hinshelwood.com/files/2012/09/metro-findings.png"
     width="64" 
     height="64"/>

Pero se representa como 128x128 en IE10. En Chrome es como se puede esperar.

E. g. http://blog.hinshelwood.com/tfs-integration-tools-issue-tfs-wit-invalid-submission-conflict-type/

En esta página el "se Aplica A", "Solución" y "Conclusiones" imágenes son todo un conjunto de 64 x 64, pero en IE10 muestran como 128x128. He probado la configuración de la siguiente CSS, pero esto también es ignorado:

h3 img {
 width: 64px;
 height: 64px;
}

¿Alguien tiene alguna idea de por qué?

38voto

John Liu Puntos 995

Usted tiene

body .content img {
  max-width: 100%;
  height: auto;
  width: auto \9;
}

http://blog.hinshelwood.com/wp-content/themes/pagelines/pagelines-compiled-css-2_1348178943/

En IE, el inválido width: auto \9; se interpreta como width: auto;

En Chrome, el inválido ancho es ignorado.

Sin el ancho automático, el comportamiento de la imagen es diferente:

En Chrome, el ancho es de ahora, derivados de la h3 IMG { width: 64px; }, y dado que la altura es automático, la imagen se escala de acuerdo a 64px.

En es decir, la anchura y la altura son todavía "auto", y por lo tanto se toma el valor predeterminado IMG tamaños.

Los estilos CSS reemplaza la etiqueta IMG atributos: usted puede tratar de usar en línea de estilo para reemplazar los estilos heredados.

<img style="height: 64px; width: 64px;" src="..." />

0voto

Sandaru Puntos 142

por favor, cambie la "metro-conclusiones.png" en formato JPG. es la solución más sencilla.

abrir la imagen png con "Microsoft paint" de software y guardar como jpg. esto funcionó para mí. yo estoy usando la versión de IE 10 en mi pc.

cuando tuve este problema he probado casi todas las sugerencias que se dan en slimier hilos. pero este es el único que trabajó para mí, excepto degradar el IE 10 que IE 9.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: