Jump to content

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


Faffa7
 Share

Recommended Posts

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

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

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

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

 

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

 

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

 

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

Link to comment
Share on other sites

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

Добрый день.

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

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

https://gkcenter.ru/

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

Link to comment
Share on other sites

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

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

 

На демо:

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

 

У вас:

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

 

Link to comment
Share on other sites

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

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

Спойлер

image.png

 

Link to comment
Share on other sites

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

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

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

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

image.png

 

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

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

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

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

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

Link to comment
Share on other sites

В 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%, то у него по любому меню не влезет в экран.

 

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...