Utilice CSS para adaptar automáticamente las imágenes al tamaño
Autor:Eve Cole
Fecha de actualización:2009-06-12 17:47:59
El problema de que las imágenes se adapten automáticamente al tamaño es un problema común durante la producción diaria. Aquí hay una solución relativamente simple:
imagen div {
ancho máximo: 600 px;
// El ancho máximo en IE7, FF y otros navegadores que no son IE es 600 px;
ancho: 600 px;
//El tamaño de la imagen en todos los navegadores es 600px;
ancho:expresión(document.body.clientWidth>600?"600px":"auto");
// Cuando el tamaño de la imagen sea superior a 600 px, se reducirá automáticamente a 600 px;
desbordamiento: oculto;
}