Как bootstrap различает экраны?

Question

[Мухаммад-Юсуф Абдукодиров]

В bootstrap есть 4 вида экранов
XS <768px
SM ≥768px
MD ≥992px
LG ≥1200px
Ведь есть телефоны, например Galaxy S5 с разрешением 1920Х1080, он попадает в категорию MD.

Answer 1

[Legioner911]

Дело в том что разрешение на мониторе компьютера и телефона совсем нельзя сравнивать. Для тестирования работы сайта в разных разрешениях я рекомендую использовать среду для мобильной разработки от Opera. Opera mobile emulator. И будет вам счастье :)

Comments

[Мухаммад-Юсуф Абдукодиров]

Спс, тут нашел сайт quirktools.com/screenfly там есть разные экраны, например Galaxy S5 разрешение 360*640

[Legioner911]

Мухаммад-Юсуф Абдукодиров: Согласен, тоже хорошее решение.

Answer 2

[Боб Хоуп]

Есть там такой мета-тег:

<meta name="viewport" content="width=device-width">

В данном случае viewport обозначает экран браузера, а для атрибута content устанавливается ширина экрана браузера, равная ширине экрана смартфона. То есть браузерам мобильных устройств, склонным к уменьшению масштаба, предписывается этого не делать, настроив ширину экрана на текущую ширину дисплея смартфона.

- Большая книга CSS.

А вот здесь можно посмотреть про ширину экранов: mydevice.io/devices