Use CSS para adaptar automaticamente as imagens ao tamanho

Autor：Eve Cole Data da Última Atualização：2009-06-12 17:47:59

O problema de as imagens se adaptarem automaticamente ao tamanho é um problema comum durante a produção diária. Aqui está uma solução relativamente simples:
div img {
largura máxima: 600px;
//A largura máxima no IE7, FF e outros navegadores não-IE é 600px;
largura:600px;
//O tamanho da imagem em todos os navegadores é 600px;
largura:expressão(document.body.clientWidth>600?"600px":"auto");
//Quando o tamanho da imagem for maior que 600px, ela será automaticamente reduzida para 600px;
estouro: oculto;
}