В каких величинах указывать размеры блоков и отступов при верстке?

Question

[webrapist]

Добрый вечер.

У меня есть макет, который по ширине больше экрана моего монитора.
Можно ли сделать так: все горизонтальные значения указывать в процентах, вертикальные в пикселях. К примеру, ширину всей страницы указать в процентах, ширину различных блоков также в процентах, паддинги, марджины. А высоту блоков, вертикальные отступы и поля в пикселях. Естественно, всё это надо будет высчитывать.

Можно ли так делать? Если нет, то почему и как поступить иначе?

Answer 1

[GaserV]

По началу делай фикс. ширину и верстай pixel-perfect. После, как сказал предыдущий оратор, в Хроме есть Dev Tools, там есть иконка девайсов. Кликни на нее, и там уже выдавай разные (320-789, 790-1279 и т.д. )разрешения. Все эл-ты, которые имеют фикс. ширину меняй на %. + заюзай флексбокс. Классная вещь и на текущий момент кроссбраузерна на 95% примерно, если не на 100%, точно не скажу.

Comments

[webrapist]

А зачем сначала фиксированную делать, если сразу можно везде проценты воткнуть?

[GaserV]

swibong: затем, что % не всегда совпадают с pixel-perfect.