Почему в фигме написаны одни размеры, а в браузере при наложении макета по pixel perfect всё по-другому?

Question

[Andre1997]

Написал блок по фигме, все размеры 1 в 1 копировал
После при скачивании макета и наложении в хроме через pixel perfect размеры различаются?
Например аватарка размеров в фигме 60х60px в хроме по pp уже 52х52
Так же letter spacing в заголовках часто совпадает только в первых словах
Отступы тоже между блоками +- 3-5px

Comments

[sinneren]

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

[Ankhena]

Интересно, как предполагается ответить на ваш вопрос,
- не видя макета
- не видя верстки
- не имея доказательства, что вы наложили PP с 100% масштабом?

[Andre1997]

Ankhena, следствие ведут колобки :)
Есть макет на 768px и я качаю его в png х1 формат
Открываю в хроме размер 768 по верхней табличке размеров
В расширении pixel perfect накладываю его поверх и всё плывет

Или где-то ещё нужно ставить настройки?

[Ankhena]

Andre1997,

следствие ведут колобки :)

У колобков тогда и спрашивайте.

Что нужно для того, чтобы получить вменяемый ответ, я написала выше.

Answer 1

[Роман]

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