Адаптивный дизайн + верстка: почему разные?

Question

[Людмила]

Добрый день!

Уважаемые коллеги нужна помощь, вернее даже не помощь, а совет что ли...

Описываю ситуацию: клиент заказывает создание сайта. Рисуем дизайн - изначально делается разметка таким образом


Верстаем на bootstrap, соответственно рисуем тоже под него.

В соответствии с сеткой рисуем дизайн: согласовываем с заказчиком. Размеры шрифта для абзацев допустим 18px (вот хочет клиент именно 18, а то и 20). Ну ок. Нарисовали, показали, согласовали.

Приступаем к верстке и вот теперь начинается непонятно что: в верстке получается все визуально очень огромное... Так и хочется scroll-ом уменьшить все до 80% на экране... И только при 80% все выглядит хорошо. Почему так?

Рисуем на мониторе в 1920, верстаем тоже на 1920. Может это как-то имеет значение.?

И можно ли как-то в уже готовой верстке все уменьшить на эти 20%... ?

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

Подскажите, кто знает или сталкивался с таким. как с этим бороться..?

Заранее благодарю.

Comments

[Ivan Bogachev]

Нарисовали, показали, согласовали.

Значит тут все хорошо.

Приступаем к верстке и вот теперь начинается непонятно что: в верстке получается все визуально очень огромное...

Вероятно проблема с версткой (ну раз с дизайном все в порядке). Но в вопросе ни слова про нее. Покажите код, где вы размеры шрифтам задаете и "computed" свойства в результате (из инспектора браузера). А еще лучше пример на codepen/jsfiddle, чтобы можно было это руками пощупать и сказать, почему так происходит.

Сталкиваюсь с этим уже не первый раз

Будет не лишним уточнить, происходит ли это только у вас на машине, или у всех или от чего-то зависит (от браузера например).

Answer 1

[Ольга Ветер]

На всякий случай проверьте везде в настройках, от настроек монитора до настроек браузера, какое выставлено масштабирование.

Comments

[Людмила]

Увы - с этим все в порядке... Поверьте - проверено и не раз.

Answer 2

[Sagrana]

А вы при согласовании макета пробовали открыть его на весь свой экран в 1920px, как он потом будет в браузере?
По моему опыту, дизайнеры делают такое очень редко. Когда вы рисуете макет в фотошопе, он как раз у вас уменьшен ~ на 20%, так как остальное место занимает интерфейс.

Answer 3

[Илья Лукьянов]

Сохраняйте макет в jpg и открывайте в 100% масштабе в браузере и поймёте так или не так.