Открываю вакансии на должность верстальщика и вижу везде: "требуется пиксел-перфекционист", "верстка пиксел-в-пиксел". А теперь открываю первый попавшийся psd-макет.
Условно допустим, что это одностраничный лендинг. Блок первый, скажем, "О нас".
Размер шрифта в заголовке - 24,32px. Явно тянули руками.
Марджин сверху 31px, снизу 35px.
Следующий блок, "Работы".
Структура та же, заголовок тот же. Но марджин сверху 34px, снизу - 41px.
Это верстать "пиксел-в-пиксел"? Для каждого блока свои отступы, и размер шрифта "как в макете"? Или все-таки голову включить и выровнять? Чего от верстальщика ждут-то?
Если бы у меня был какой нибудь наглый заказчик, который допустим, при отстойнейшем "навореченном" макете предлагает не значительную сумму, я бы пропустил его макет через PSD to HTML генератор.
Верстка пиксел-в-пиксел или pixel perfect — это максимальное соответствие верстки и макета.
Тот макет, котрый вы описали, с разными отступами у типовых блоков и шрифтом с некруглым значением, является ошибкой начинающего дизайнера. Ничего хорошего из такого макета, как правило, не получается, имеем кучу типовых блоков с разными отступами, разными размерами заголовков, как итог, куча кода с модификаторами.
В общем, из плохого макета не сделать хорошую верстку.
пиксель в пиксель - это и есть пиксель в пиксель, то есть верстаете точно пиксель в пиксель, что непонятного ?
какая разница какие там размеры, раз уж написано пиксель в пиксель, то так и верстаете.
говорят еще - pixel perfect, как уже отметили выше - это значит что ваша верстка при наложении на нее макета в режиме difference у вас не должно ничего "Двоится" и так далее.
Если проще - АБСОЛЮТНО все как в макете:)
Но для этого макеты тоже должны быть в порядке, естественно, если текст размером 23,57px, то он будет различатся от верстки.
Простой
Средний