PSD в html размер сверху вниз преобразован в html

#html #css #psd

#HTML #css #psd

Вопрос:

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

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

Комментарии:

1. Вы имеете в виду PSD = документ Adobe Photo Shop?

2. Да, я имею в виду документ Adobe Photoshop

3. Как преобразовать PSD в HTML?

4. Вручную: с помощью HTML5, CSS3, Bootstrap. В PSD размер сверху вниз слишком большой. Должен ли я разделить этот размер? Или сохранить его?

5. Извините, я все еще не понимаю, что вы пытаетесь сделать. Вы создали макет своей веб-страницы в Photoshop, экспортировали отдельные части макета и создали версию макета HTML5 CSS Bootstrap, И теперь поля и т. Д. Не выровнены, как ожидалось? Если да, не могли бы вы предоставить снимок экрана того, что вы видите?

Ответ №1:

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