Проценты вместо пикселей

Главные вкладки

Комментарии

Аватар пользователя bsyomov bsyomov 17 апреля 2012 в 0:16

Никак. Изображение невозможно отмасштабировать в процентах от какой-то неизвестной движку величины.
Это можно сделать только средствами css, сделав изображение заведомо большее чем нужный процент от максимальной ширины/высоты.

Аватар пользователя Funtik44 Funtik44 18 апреля 2012 в 7:26

А как же тогда быть - сделал сайт, и на главной вывел картинку или картинки, и в любом другом разрешении они едут.

Аватар пользователя bsyomov bsyomov 19 апреля 2012 в 12:35

В процентах от чего? От начального размера картинки? Почему бы и нет, только в этом обычно нет смысла. В процентах от произвольного элемента в котором она расположена? Это делается с помощью CSS, хотя идея изначально порочна, и говорит о том, что вы как-то неправильно верстаете/не продумали нормально расположение.

Аватар пользователя Funtik44 Funtik44 19 апреля 2012 в 18:11

А как же тогда сделать, чтобы например чердак сайта (это картинка) при любом разрешении экрана отображался корректно? Ведь если сайт заточить под 1280 х 1024, то при разрешении более высоком 1600 х 900 например у меня чердак сайта будет криво отображаться!

Аватар пользователя bsyomov bsyomov 19 апреля 2012 в 18:48

Вообще говоря, это достигается либо заведомо широкой картинкой, и ограничением макс. ширины, либо вставкой растягивающегося фона. С масштабированием картинок это не имеет ничего общего.
Чтобы верстать "резиновые" макеты, нужно хотя бы почитать, какие приёмы применяются для этих целей. Дело-то довольно непростое, качественно сделать сайт, который будет прилично выглядеть при растягивании на разных разрешениях. Начиная с дизайна, заканчивая вёрсткой.

Аватар пользователя Funtik44 Funtik44 19 апреля 2012 в 21:00

Спасибо за объяснение. А что значит растягивающийся фон, имеется ввиду просто замостить.

PS Вопрос я изначальный задал из-за того, что у меня на сайте есть на главной nivoslider? И у картинок используемых для nivoslider невозможно задать стили.

Аватар пользователя Funtik44 Funtik44 19 апреля 2012 в 22:33

Вот еще пример - в нодах и в комментариях пользователи вставляют картинки посредством тиниМСИ и они могут вставить огромную картинку, я её могу ограничить через, задав ей max-width: 800px. Но я это ограничение задам для определенного разрешения экрана. Например для разрешения в 1280 это будет нормально и картинка будет вписываться в контент, а уже для разрешения 1024 эта картинка вылезет из ноды. Как быть?

Аватар пользователя bsyomov bsyomov 20 апреля 2012 в 8:38

1.Вставить вместо части картинки элемент, фон которого может тянуться (repeat-x например).
В смысле не задать стили? У вас просто будет разное кол-во видимых картинок в слайдере при разной ширине, если правильно всё сделать.

2. Надо ориентироваться на минимальную ширину, для которой делается макет.

Аватар пользователя Funtik44 Funtik44 22 апреля 2012 в 23:42

"Valery.O" wrote:
от 1024x600 до 1980x1200

А что значит, от и до. А есть список, а то там еще много разрешений, которые находятся между!