Как уменьшить размер фото в css

CSS: Как ограничить максимальный размер изображения до 450px?

Нужно через css уменьшить размер картинки до 450px. Сама картинка может быть хоть 2000px, хоть 3000px.

Но если картинка к примеру 300 или 449px то увеличивать её не надо.

max-width: 450px; //ширина

max-height: 450px; //высота

В ИЕ это не сработает.

насчет css не уверен, что так можно.

Я бы сделал в img: <img width="450" . > &#129315;

я юзал пре-проверку на размер, подставляя скриптом имя класса для изображения. понимание того, что отдельный набор превьюшек решает пришло чуть позже 🙂 думаю к тс тоже придёт. даже быстрее, учитывая вводные:

Может есть что то типа maxsize или image size ?

2Коновалов Сергей

Картинка может быть и 2*2px. Её не нужно будет увеличивать до 450px. Вот так вот.

максимальную ширину и высоту задавайте с хаком для IE6, а IE7 уже понимает.

НУ я ещё попробовал бы сделать стиль для div.pict img (например) что то типа

проверять сейчас лень самому.

Nemesis-TNT, используйте IE7.js, и у вас начнет работать в IE6 min/max-height/weight, и не только )

Добавляете свойство у блока в котором находится картинка

Сам использовал такой ход в одном из своих проектов, все отлично работало

Думаю чтобез прикручивания есть стандартне методы осуществить подобное. Нужно просто знать 🙂 .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *