1 февраля 2012 в 5:38
Подскажите свои идеи по данному вопросу. Делаю сайт, который расчитан для КПК, телефонов. Нужно, что бы изображения в ноде форматировались по ширине экрана. Можно сделать через CSS, я так думаю, но это несовсем рационально загружать полный объем изображения и искуственно показывать его меньше. В родный предустановках на Drupal 7 можно задать только четкий размер в пикселях, без процентов. В общем, хотел бы узнать ваше мнение, как поступить умнее. Заранее спасибо за помощь!
Комментарии
max-width: 100%;
Где где?
http://htmlbook.ru/samcss
.node img (
max-width: 100%;
)
Спасибо всем за ответы, попробую!
Chyvakoff, в Друпал 7 есть уже предустоновки, для отображения изображений.
admin/config/media/image-styles
.node img (
max-width: 100%;
)
то что надо, только сжимает без пропроции.
не может такого быть, значит у вас еще к высоте где то что-то прописано
или попробуйте точный размер
max-width: 500px; к примеру
500px работает так же, как и 100%, т.е. просто сжимате по ширине. Проверил Фаерфоксом, нет больше форматирования, разче что:
img {
border: 0 none;
}
в теме системной modules/system/system.theme.css
но тут просто же бордюр.
Порылся по инету и нашел решение, все оказыватеся просто:
.node img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
width: auto\9; /* ie8 */ - по сути лишнее для меня.
Спасибо за помощь!