Foros del Web - Ver Mensaje Individual - ¿Bug con max-height en Chrome?

kseso? · #6 (**permalink**) 05/05/2012, 07:31

Cita:

Iniciado por DarkKing

Pues tanto si pongo auto como si no, Chrome no redimensiona la imagen en proporción.

Pues vale.

Por cierto, antes de "encontrar" bugs o fallos ha tenido presente aquello de la cascada y la herencia en css?

Pruebe:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
 
<title>Kseso: jugando con Css</title>
<style type="text/css">
* {
  margin: 0;
  padding: 0;
  border: 0 none;
}
html, body {width: 100%; height: 100%;}
 
img.ciento {
width: 100%;
height: auto;
}
img.altura {
height: 200px;
width: auto;
}
img.anchura {
width: 200px;
height: auto;
}
</style>
</head>
<body>
<img class="ciento" alt="" src="http://farm8.staticflickr.com/7170/6773988875_d8f12b3a0c_b.jpg" />
<img class="altura" alt="" src="http://farm8.staticflickr.com/7170/6773988875_d8f12b3a0c_b.jpg" />
<img class="anchura" alt="" src="http://farm8.staticflickr.com/7170/6773988875_d8f12b3a0c_b.jpg" />
</div>
</body>
</html>

Si lo considera necesario adjunto capturas de Chrome con los valores computados de las tres representaciones de la imagen.