Что не так я делаю?

Question

[Mary Солнечная]

Здравствуйте. Сразу прошу не судить строго, я новичок. Хочу вам задать такой вопрос: что я делаю не так? Пользуюсь Pixel perfect на chrome.
Вот как должно выглядеть на макете:

Вот как выглядит у меня:

Вот кусок кода этих двух элементов:

Почему-то когда я меняю координаты пэддингами в description, в одном месте Pixel Perfect показывает, что px в px получилось, а где-то все равно съехало. Прошу подсказать вам в чем у меня проблема. Вполне возможно. что я о чем-то важном вообще не имею понятия. Если я скинула что-то не то (не тот код, или нужно было весь макет целиком, все внизу скину в комментарии) Всем добра!

Comments

[Mary Солнечная]

не обращайте внимание на то, что расположение двух картинок выглядит по-разному, как будто все расположено не одинаково - плохо обрезала куски)

Answer 1

[Ленар Фаттахов]

Рендеринг шрифтов в графическом редакторе и в браузере выглядит по разному, поэтому и возникают такие неточности. Причем еще в разных браузерах и разных ОС отображение может отличаться. Не заморачивайтесь, главное - чтобы совпадало по вертикали.

Comments

[Rad1calDreamer]

Тоже подумал на рендеринг. letter-spacing тут точно не причем.По факту - ТС, не парься. все сделано достаточно точно

Answer 2

[Денис Инешин]

Ох уж этот Pixel Perfect. А если ваш сайт на маке открыть? Там шрифты вообще по другому рендерятся. По этому, единственной правильной стратегией, будет проверка соответствия макету сетки и отступов.

Comments

[dk-web]

Денис Инешин - да уж.... я тут свой проект у друга на маке открыл ... стареньком весьма... хотелось об стену сразу) совсем по-другому все выглядит

[Mary Солнечная]

Дело в том, я заметила на макете несоответствие некоторых вещей (например, внутренние отступы между ссылками ( в менюшке header'a) - там где по 5px, а где по 24, 25! Бред же! На глаз приблизительно сделать не получалось, теперь пользуюсь Pixel Perfect. Помогает иногда подогнать как нужно. вроде норм :)

Answer 3

[Дмитрий Сергеевич]

Поменьше фанатизма. Когда озвучивается требование "Верстка должна быть выполнена с использованием пиксельперфекта" в первую очередь имеется в виду именно сетка. Шрифты в фотошопе, каждом браузере и каждой ОС рендеряться по своему и добиться полной идентичности почти не возможно, да и нужно ли?

п.с. ну и вопросу в заголовке нужно придать больше смысла. Я как посмотрел на него сразу задумался на минуты две, а что я делаю в этой жизни не так? Стоит ли вообще заходить в эту тему если я сам для себя не могу ответить на этот вопрос ;)

Comments

[Mary Солнечная]

Я благодарю вас за ваш ответ. Я педагог по образованию, по привычке могу использовать такие выражения. Некоторые названия моих вопросов некоторым пользователям вообще кажутся "мистическими" :D. Гы-гы, поэтому, прошу простить. Я так опыт получаю :)

Answer 4

[asd111]

Pixel perfect невозможен. Главное чтобы было примерно похоже. Иначе слишком много времени уходит.
Основная суть в шрифтах и в правильном расположении элементов. А то что буквы туда сюда едут на одной строке - не важно.

То что вы сделали — уже Pixel perfect, поэтому поздравляю, очень хороший результат.