Используйте CSS для автоматической адаптации изображений к размеру

Автор：Eve Cole Время обновления：2009-06-12 17:47:59

Проблема автоматической адаптации изображений к размеру — распространенная проблема при ежедневном производстве. Вот относительно простое решение:
div изображение {
максимальная ширина: 600 пикселей;
//Максимальная ширина в IE7, FF и других браузерах, отличных от IE, составляет 600 пикселей;
ширина: 600 пикселей;
//Размер изображения во всех браузерах 600px;
ширина:выражение(document.body.clientWidth>600?"600px":"auto");
//Когда размер изображения превышает 600 пикселей, он автоматически уменьшается до 600 пикселей;
переполнение: скрыто;
}