PSD в html размер сверху вниз конвертируется в html

Как мне рассчитать размер сверху вниз файла PSD, преобразованного в html с помощью css для идеального пикселя. Например, в PSD расстояние отступа между заголовком и верхним полем составляет 100 пикселей, но в браузере оно кажется слишком большим. Должен ли я разделить этот размер?

нажмите здесь, чтобы увидеть psd


html css psd
person Andrei Gh    schedule 05.10.2016    source источник
comment
Вы имеете в виду PSD = документ Adobe Photo Shop?   -  person Jasper Citi    schedule 05.10.2016
comment
Да, я имею в виду документ Adobe Photoshop.   -  person Andrei Gh    schedule 05.10.2016
comment
Как вы конвертируете PSD в HTML?   -  person Jasper Citi    schedule 05.10.2016
comment
Вручную: с помощью HTML5, CSS3, Bootstrap. В PSD размер сверху вниз слишком велик. Должен ли я разделить этот размер? Или сохранить?   -  person Andrei Gh    schedule 05.10.2016
comment
Извините, я все еще не понимаю, что вы пытаетесь сделать. Вы создали макет своей веб-страницы в Photoshop, экспортировали отдельные части макета и создали версию макета HTML5+CSS+Bootstrap, и теперь поля и т. д. не выровнены, как ожидалось? Если да, не могли бы вы предоставить скриншот того, что вы видите?   -  person Jasper Citi    schedule 05.10.2016
comment
Я добавил ссылку, чтобы увидеть psd. Как видите, высота этой части составляет 98 пикселей. Ничего страшного? Когда я конвертировал в html и запускал в браузере, он был слишком большим.   -  person Andrei Gh    schedule 05.10.2016

Ответы (1)


arrow_upward
0
arrow_downward

Нажмите alt+ctrl+I в фотошопе и посмотрите свой размер PSD. например, если ваш размер PSD составляет 1600 * 1280, учитывая вашу максимальную ширину как 1600 и высоту как авто. чтобы получить точные поля и отступы, используйте сетки и направляющие в фотошопе, которые дадут точное расстояние между любыми двумя элементами div, изображениями или абзацами.

person Thirumavalavan    schedule 06.10.2016