Как лучше писать сайт?

Question

[iDennis]

Как лучше писать сайт? Используя % или px? Как будет адаптироваться сайт? Что если все размеры высчитывать яваскриптом?

Answer 1

[Сергей]

Используйте bootstrap. Это фреймворк, который избавит вас от проблем адаптивной верстки

Answer 2

[Сергей Протько]

Расчитывать все значения через JS - очень плохо.
Использовать только px - можно и в контексте адаптивной верстки. Все зависит от макета.

Для адаптивной верстки идеально подходят flex-boxы, которые позволяют делать резиновую структуру чуть проще. Но в этом случае придется либо делать fallback для IE, либо применять полифил, что имеет свои минусы.

Comments

[iDennis]

А что с отступами? px или %?

[Сергей Протько]

@iDennis все очень зависит от макета, но обычно отступы в % не очень удобно проставлять. Намного удобнее это делать в px (причем в виде padding) и ширину контейнера в % с выставленным box-sizing: border-box. Это если мы говорим просто про сетку элементов. А так смотря что верстается.

[iDennis]

На сайте apple к примеру меню фиксированное, как оно адаптируется?

[Сергей Протько]

@iDennis никак, у них насколько я помню нету адаптивной верстки.

[iDennis]

@Fesor на экранах с большим разрешением он выглядит как надо

[Сергей Протько]

@iDennis просто блок фиксированной ширины расположенный по центру страницы. Если уменьшить размер вьюпорта, сделать его меньше ширины этого меню, появится горизонтальный скрол.

Answer 3

[Сергей Николаевич]

Поменьше фиксированных размеров. Вместо них используйте ограничители max-width, min-height ширина в % высота в px.
Для текста pt (иначе на печать везде по разному пойдет страница)

Comments

[Par Mactep]

И что получится при несовпадении высоты в px и текста в pt

[Сергей Николаевич]

я не имел ввиду везде и всюду) фиксированная высота это единичный случай

Answer 4

[Виталий Желтяков]

Размеры контейнеров лучше в %, дочерних в px (min и max).
Размеры текста в em с указанием базы в px.
При работе со слоями только px.

Answer 5

[Юрий Лобанов]

Резюмируя все ответы - все зависит от контекста задачи. Сайт сайту рознь.