Сайт криво открывается во всех браузерах

[Faffa7]

Всех приветствую!

Кто нибудь сталкивался в такой проблемой... 

В общем сайт на всех браузерах (масштаб 100%) открывается очень увеличенным... Даже не видно последний пункт бокового меню... кнопка живочата просто гиганская), так же если переключиться на другой поддомен, слетает весь масштаб...

Смотрел по метрике в вебвизоре, у клиентов тоже самое... Но, если сделать масштаб браузера 80%, то все становиться идеально!

 

Пример браузер со 100% масштабом: https://clip2net.com/s/4fE3BuN

 

Пример, если сделать 80%: https://clip2net.com/s/4fE3JIv

 

п.с не нашел подходящей темы...

[mpn2005]

Добрый день.

По скриншотам сложно что-то сказать.  Может у вас просто вёрстка такая.

Приложите ссылку на сайт.

[Faffa7]

В 12.05.2022 в 15:02, mpn2005 сказал:

Добрый день.

По скриншотам сложно что-то сказать.  Может у вас просто вёрстка такая.

Приложите ссылку на сайт.

https://gkcenter.ru/

а вот шаблон... он куда лучше открывается http://demo.bigeon.ru/

[mpn2005]

Ничего там нет гипертрофированного и увеличенного.

Просто у вас другие шрифты используются, и естественно поэтому и вид другой.

 

На демо:

body {
    font-family: 'Roboto', sans-serif;
}

 

У вас:

body {
    font-family: 'Open Sans', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

 

[Faffa7]

Так а как с этим быть? Если я сделаю 100% масштаб в браузере, то у меня последняя кнопка в правом меню уходит за экран...

https://clip2net.com/s/4fE6EqO

 

Изменено 12.05.2022 в 12:23 пользователем Faffa7

[mpn2005]

Не совсем понимаю, при чём тут масштаб. Всё дело в размерах шрифта, самом шрифте, количества пунктов меню и размеров экрана.

Естественно не везде это меню поместится в один экран:

Спойлер

 

[Faffa7]

В 12.05.2022 в 15:53, mpn2005 сказал:

Не совсем понимаю, при чём тут масштаб. Всё дело в размерах шрифта, самом шрифте, количества пунктов меню и размеров экрана.

Естественно не везде это меню поместится в один экран:

  Показать контент

 

Я Вас понял, о чем говорите... 

Но, вот вопрос.

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

А так получается шрифт на всех разрешениях одинакового размера.

Заранее извиняюсь, если пишу, что то не в тему)

[Faffa7]

Вот по идее он должен вот так быть.. http://iloveadaptive.com/ru/url/https%3A%2F%2Fgkcenter.ru%2F

Но, в реале все совсем по другому...

[mpn2005]

В 12.05.2022 в 16:37, Faffa7 сказал:

Можно сделать, что бы это было как то адаптивно?

Нет понятия адаптивности по высоте.

 

В 12.05.2022 в 16:42, Faffa7 сказал:

Вот по идее он должен вот так быть..   iloveadaptive.com/ru/url/https%3A%2F%2Fgkcenter.ru%2F

Но, в реале все совсем по другому...

Вы смотрите на Mac. Просто верните шрифты, как были в теме. И, скорее всего, это решит вашу проблему.

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

Поэтому не стоит просто так менять заложенные шрифты. Они, как правило, подбираются не просто так.

Надо уменьшить высоту, чуть уменьшите шрифт меню. Сделайте чуть меньше отступы.

Масштабирование тут вообще ни при чём. Если кто-то будет сидеть на Zoom 150%, то у него по любому меню не влезет в экран.

 

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

[Faffa7]

Понял... спасибо за объяснение)