Современные телефоны и планшеты имеют очень высокое разрешение.Как работают контрольные точки на современных устройствах с высоким разрешением?
My Galaxy S7 Edge, например, имеет разрешение 1440 x 2560 пикселей.
Общие точки останова для мобильных устройств, по-видимому, составляют около 768 пикселей, например, в bootstrap.
Пример из bootstrap.css:
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
Как это, что мой телефон отображает «отзывчивая» версия веб-сайты, даже если это разрешение, возможно, больше, чем большинство настольных мониторов? Из примера, казалось бы, мой телефон всегда будет отображать сайт в режиме «рабочий стол».