Что лучше: проценты или em?

[kiska]

Друзья, подскажите!

Что лучше (рациональней) использовать: проценты или em в указании размеров, чтобы блоки, элементы, текст при увеличении или уменьшении масштаба отображались на странице пропорционально, занимая всю видимую область?

[Viper]

1. текст не маштабируеться

2. в сложном дизайне пропорции выдерживать практически нереально, если не позволять вольности

3. бордеры, тени...?

[kiska]

1. текст не маштабируеться

2. в сложном дизайне пропорции выдерживать практически нереально, если не позволять вольности

3. бордеры, тени...?

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

Тоже самое если выставить в em. Как блок будет увеличиваться или уменьшаться при такой единице измерения???

[USF]

величина в процентах как бы намекает, что размеры будут высчитываться относительно размера родителя(если оный указан)

em же это расчетная величина.

[SelenIT]

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

Да, но для высоты надо будет проставить значения всей цепочке родителей, вплоть до html.

Тоже самое если выставить в em. Как блок будет увеличиваться или уменьшаться при такой единице измерения???

Так же, как шрифт текста.

[kiska]

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

Да, но для высоты надо будет проставить значения всей цепочке родителей, вплоть до html.

Тоже самое если выставить в em. Как блок будет увеличиваться или уменьшаться при такой единице измерения???

Так же, как шрифт текста.

Спасибо за совет. Попробую выставить в процентах.

[Great Rash]

Я всегда думал, что проценты и em это одно и тоже... Ну т.е. 1em == 100%, тут как бы дело вкуса как записывать...

[USF]

em - это величина, за которую берется стандартный размер шрифта. 16 px, если не ошибаюсь.

ЗЫ: em тоже масштабируема.

Edited July 23, 2012 by USF

[hedgehog]

em - это величина, за которую берется стандартный размер шрифта. 16 px, если не ошибаюсь.

Почему тогда у span размер шрифта такой же, как у родителя, а не в два раза меньше? http://jsfiddle.net/pPneG/

То же, но с процентами: http://jsfiddle.net/pPneG/1/

Edited July 23, 2012 by hedgehog

[USF]

Почему тогда у span размер шрифта такой же, как у родителя, а не в два раза меньше?

потому что от родительского считается

1em это такой же размер как у родителя. у родителя 2em - в 2 раза больше стандартного.

[sigma77]

Почему тогда у span размер шрифта такой же, как у родителя, а не в два раза меньше? http://jsfiddle.net/pPneG/

То же, но с процентами: http://jsfiddle.net/pPneG/1/

Потому что em берется от высчитанной высоты родителя. По умолчанию, как правило высота базового шрифта 16px. Поэтому высота p будет 2 * 16 = 32px, а высота span - 1 * 32 = 32px.

[SelenIT]

Я всегда думал, что проценты и em это одно и тоже... Ну т.е. 1em == 100%, тут как бы дело вкуса как записывать...

Для шрифтов практически так и есть (не считая нюансов округления и реакции на смену Text Size в старых IE, ЕМНИП). Но топикстартер спрашивала о размерах блоков...

[SilentImp]

Зависит от конкретной ситуации, но в общем случае:

Для текста em, для остального проценты.

Или zoom/transformation:scale

А вообще помоему задача поставлена некорректная.

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

[psywalker]

ТС, может вот эта статья немного внесёт ясности.

Зависит от конкретной ситуации, но в общем случае:

Для текста em, для остального проценты.

Или zoom/transformation:scale

А вообще помоему задача поставлена некорректная.

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

Кстати, имхо, сейчас уже можно смело юзать пиксели и не париться)

[hedgehog]

Потому что em берется от высчитанной высоты родителя. По умолчанию, как правило высота базового шрифта 16px. Поэтому высота p будет 2 * 16 = 32px, а высота span - 1 * 32 = 32px.

Именно это я и пытался донести автору предыдущего сообщения на примере

[kiska]

Много просмотрела сайтов на эту тему, в общем, мнения расходятся.. Кто как привык, кому как удобно теми единицами и пользуются. В общем, я решила в блоках выставить проценты, а текст оставить в em. Вроде, при изменении масштаба всё отображается пропорционально.

Спасибо за дискуссию