Проблема в вёрстке лендинга. Как это понять?

Question

[Zowezy]

Решил сверстать сайт, но возникла непонятная проблема.
В макете навигационное меню в шапке выглядит нормально. НО! В html-варианте у меня дичь какая-то. Почему у меня не соответствует размеру шрифт размера макета? Хотя параметры были введены правильно.

В сфере веб-дизайна недавно, и мало чего знаю. Я никак не могу понять в чём дело




Возможно, на скриншоте этого не видно, но в браузере как будто всё увеличено в несколько раз.

Comments

[SecretBrain]

попробуйте проверить настройки шрифтов винды, должны быть 100 процентов, все ли в порядке в инспекторе(размер шрифта), настройки шрифта браузера.

[Abr_ya]

Мало информации даёте!
В чем макет? PS, Figma, что-то ещё?
После этого возникают вопросы:
В каких единицах указан шрифт в макете?
В каких единицах задан шрифт в вашем css?
Точно ли корректно подключился и заработал шрифт?
И, как уже советовали выше, смотрите в отладчике браузера, точно ли в браузере тот самый размер шрифта, который вы хотите видеть (не перебивается ли чем-то)?

[Vadim Bogomazov]

Абонементы.
Галерея.

[Талян]

Vadim Bogomazov,
Я - букварь читать не буду.
В программисты я пойду!)
Свой пароль хранить в JS'е
Буду я - имей ввиду!)

В notepad'e -база данных.
Все onclick'и чрез фреймворк.
Ну а юзер интерфейсы
Напишу на PHP.

[alex-1917]

Талян,

Как-то раз Букварь устал.
Он страницы полистал,
Позевал, потом вздохнул,
Лёг на полку и заснул!

Буквы сразу расшалились,
Да из слов своих свалились,
Перепутали места:
Превратился КИТ в КОТа!

Стал зелёным РАКом МАК!
Нет БЫКа - на травке БАК!
С грядки ЛУК уполз ЖУКом!
Вместо ДОМа - снежный КОМ!

ЖАБА прыгала с утра,
А теперь она - ЖАРА!
Над цветком летала МОШКА -
На цветок упала КОШКА!

Рассмеялся Алфавит:
- Все слова Букварь проспит!

Answer 1

[Vaultboy84]

"Абонименты"... мде.

Comments

[alex-1917]

галлерея

[Antowa Kartowa]

alex-1917, калька с английского

Answer 2

[profesor08]

Сделай масштабирование в браузере 100%, в винде 100% и в фотошопе 100%. Если ничего не изменится, тогда ты накосячил в стилях и вписал не то, что надо, либо какой-то стиль перебивает стили твоего заголовка.

Comments

[Павел Фереферов]

самый дельный комментарий, сам с таким сталкивался по началу :)

Answer 3

[Mars Cossado]

Так у вас просто монитор маленький возможно из за этого все большим кажется. А в макете для большего чем вас монитора сделан макет. Я думаю что это визуальная проблема. Могу ошибаться можете меня поправить если я не прав

Answer 4

[Григорий]

Это связано с размером монитора.
Если размеры задавались в соответствии с макетом, то без mediaqueries на разных мониторах будет выглядеть по-разному.
Лечится адаптацией под разные размеры мониторов.
Но для этого нужны разные макеты под разные разрешения мониторов.

Answer 5

[Gasgolder]

А макет в пикселях? У меня такое было, посотри в настройках фотошопа.

Answer 6

[Nikolay Yushin]

В крайнем случае скачай расширение браузера на подобии perfectPixel. И посмотри на свои не состыковки.