Можно ли что-нибудь такое прописать в теге img, чтобы картинка автоматически уменьшалась, если не влизает в див?

objMihail, 142 просмотра

А то получается, что если картинка не вмещается в див (или т.п.), то она его раздвигает, а он раздвигает всё вокруг.

Примечание:
Да, хотел было max-width использовать, все IE тупо его не воспринимают. И width=100% тоже.

Ответы:

xtc

HEIGHT и WIDTH
если указать %% в качестве размера - то они будут вычислятся от родительского элемента,. например вначале table с конкретными размерами а потом img с %%

Нака

А если есть php, то используя http://ru2.php.net/manual/ru/function.getimagesize.php можно пропорционально изменить размер изображения

Newone

Лучше не масштабировать изображения в процентах. Нагрузка на браузер в процессе перерисовки, это раз, особенно если их на странице много. А во вторых, ослы вам такого намасштабируют, что мало не покажеца. Если позволяет макет, разместите ее в бекграунд диву, она будет видна только в его габаритах.

Xobrt

а я бы DIV-у прописал overflow : hidden; и не парился. Всё что не умещается в размерах - не покажется.

Нанять Гнолы

> А во вторых, ослы вам такого намасштабируют

Newone

2 Нанять Гнолы
как-то так получилось (чесслово, не я иннициатор) что все IE стали называца ослами.

Без имени

1. Определите, что Вам важнее - масштабировать по высоте или по ширине
2. установите ширину/высоту картинки в %, но меньше на 5-10%
3. в стиле пропишите overflow:hidden;

15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.