Перейти к содержанию
22.03.2024 ×
  • RU
    • Язык

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


Рекомендуемые сообщения

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

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

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

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

 

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

 

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

 

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

Ссылка на комментарий
Поделиться на другие сайты

Добрый день.

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

Добрый день.

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

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

https://gkcenter.ru/

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

 

На демо:

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

 

У вас:

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

 

Ссылка на комментарий
Поделиться на другие сайты

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

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

 

Изменено пользователем Faffa7
Ссылка на комментарий
Поделиться на другие сайты

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

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

Спойлер

image.png

 

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

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

image.png

 

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

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

 

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...