Как адаптировать сайт для устройств, использующих увеличение текста?

Question

[Kirill Shekhovtsov]

Как можно убрать скроллы и адаптировать вёрстку под экраны, которые используют 125 или 150% программного увеличения (встречается в Windows)?

Использую Bootstrap, он ловит разрешение экрана, но появляются вертикальные скроллы.

В какую сторону посмотреть, есть ли какой-нибудь материал на данную тему?

Comments

[Александр]

Испольщуйте только относительные единицы измерения (em, rem, vw и vh) и будет вам счастье

[Максим Тимофеев]

Вы уверенны, что дело в этом? То что в windows есть увеличение всего и вся по умолчанию - обычно никак не сказывается на адекватной Bootstrap верстке, просто браузер уверен, что экран меньше и bs вместе с ним. А вот масштаб в самом браузере - сказывается. И тут ничего не придумаешь.

[Ankhena]

Настройка в виндоуз лишь изменяет вьюпорт. Всё. Максимум может отобразится планшетная версия вместо десктопной.

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

Вы точно говорите про масштаб самой винды и про вертикальный скролл, а не про горизонтальный и масштаб в браузере?

[Kirill Shekhovtsov]

Ankhena, да, точно, горизонтальный не появляется

[Ankhena]

Kirill Shekhovtsov, т.е. проблемы нет ))))

Answer 1

[Scarlxrd2510]

1.Ну во первых в html указал шрифт в процентах
2.попробуй overflow:hidden свойство
3.если на bootstrap не забыл !important ставить в конце свойства