В каких единицах измерения верстать PSD-макет — пиксели, проценты или em/rem?

Question

[Леонид]

Вот имеем мы от дизайнера в PSD-формате дизайн страницы в максимальной ширине 1024 и в ширине для мобильных: 480px

Промежуточных состояний в диапазонах ширины от 1024 до 480 естественно дизайнер не рисовал - да и не надо в общем-то.

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

А сайт то нам нужно адаптивный на выходе получить.

В каких единицах измерения всё верстать - в пикселях? Или подгонять на глаз относительно макета в % или em/rem?

Comments

[Антон Литвиненко]

Зависит от задачи + вкусовщина

[WapSter]

В тех какие уместно использовать. Это инструмент и можно смешивать. Или ты используешь гаечный ключ, чтобы открутить шуруп под отвёртку.

[Ankhena]

Какие используете единицы измерения при верстке?

[Heorhii]

Линейка в фш в px, старайтесь особо не уходить от чисел при верстке, вы также можете конвертировать px например в rem, задать их переменными в scss и пользоваться при необходимости.
Примечание: мобильную вёрстку делайте при ширине дисплея 320px (по сути то же самое что и на 480 только смотрите чтобы она не съехала, масштабируйте пропорционально)

Answer 1

[profesor08]

В чем в макете, в том и на сайте. Интересно, как все будет выглядеть сверстанное в 480 на большинстве мобилок, у которых 320-375 в среднем.