Как правильно делать замеры в psd макете?

353
20 июня 2017, 23:08

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

Например скачал макет замеряю ширину всей страницы, фотошоп показывает размер 1920px ага значит max-width:1920 далее шрифты 40 пикслей в навигации, 180px отступы слева в списке ul>li => верстаю, но то что получается у меня в корне отличается от макета, монструозностью, смотрю пример как свёрстан этот макет, и там ширина страницы 960px, а все шрифты в половину меньше чем замеряет фотошоп.

Как быть, или не стоит переносить замеры с фотошопа в вёрстку и делать всё приблизително?

Answer 1

Не надо задавать max-width -это неправильно, потому что на больших экранах твоя вeрстка просто нe будет отображаться как надо.

HTML теги, которые предназначены для использовании внутри текста (h1, ... h6, p, span ...) у них есть line-height(default). Первоначально надо задать ее. Поэтому у тебя и не совпадают psd и вeрстка. Провер подключен ли у тебя Font-Family ... Потом oстальное.

READ ALSO
Позиционирование блоков относительно background-image

Позиционирование блоков относительно background-image

Здравствуйте, Есть вот такая вот задача: Блоки с нумерацией выступают в качестве ссылок, в качестве background выступает изображение на фоне в блочном...

233
Как изменить высоту между строками <br>?

Как изменить высоту между строками <br>?

Есть текст, который выводится при помощи php-функции nl2br()

328
Какие бывают выпадающего меню по клику?

Какие бывают выпадающего меню по клику?

Подскажите какими путями можно реализовать меню которое при клике будет раскрываться/скрываться а так же при клике в любую область страницы...

224
При вставке ссылки на сайт добавляется изображение

При вставке ссылки на сайт добавляется изображение

Вставляю ссылку на сайт, сайт сделан на Wordpress, к примеру в записи на фейсбук или в диалоге в скайпе и ссылка переделывается в Title, Description и изображениеСкрин...

309