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

Question

[kokazhaev]

человек хочет чтобы я сделал расстояние в 30 пикселей , только не от 1 div к 2 div, а от нижней части маленьких букв до верхней частей маленьких букв (как на картинке). Как это делаеться если это возможно?

Answer 1

[McBernar]

Вообще, это не совсем верно. Если человек хочет пиксель-перфект — пусть тогда сам в редакторе делает контейнеры как в CSS. Чтобы не от буквы до буквы, а от лайн-хайт до лайн-хайт. Скетч делает именно так.

Answer 2

[Алексей Скляров]

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

Comments

[kokazhaev]

плусую, только вот этот плагин не хочет у меня работать(((
нажимаю, 0 реакции

[McBernar]

kokazhaev, вы, возможно, удивитесь, но я всегда измеряю расстояния с помощью CMD+SHIFT+4 — это нативная маковская скриншотилка в оперативную память, у которой есть линейки и пиксели.

[Sagrana]

kokazhaev, нужно в настройках Page Ruler в хроме включить

Разрешить открывать локальные файлы по ссылкам

тогда он будет работать с локальными файлами

Answer 3

[Tony V]

Можно использовать этот плагин
https://chrome.google.com/webstore/detail/perfectp...

Comments

[kokazhaev]

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

[Александр]

kokazhaev, line-height + margin

[kokazhaev]

Александр, у меня отмерить не получается, допустим я просто задаю маржин 30 пх, у меня между дивками маржин 30пх, а между буквами намного больше получается

Answer 4

[lnked]

Используйте для шрифтов и то что вам предложил Антон Ванин