Почему на мобильных устройствах с большим разрешением экрана сайт становится адаптивным?
У меня телефон с высоким разрешением экрана 1920 х 1080. И посещая некоторые сайты, они подстраиваются под экран моего телефона. Причем сайт адаптируется не под разрешения экрана, а под его физический размер. Мне не понятно как верстать сайт на bootstrap. Ведь если почитать документация, то там указаны границы для разных устройств 768px - Small devices, 992px - Medium devices, 1200px - Large devices. А разрешение моего телефона, как на компьютере.
Ps: Извините если не четко сформулировал свой вопрос.
самый простой ответ. Как сказали выше пиксель девайса не равен пикселю css. Но у каждого девайса есть некий коэфициент от 1 до 4. Делишь свое разрешение на этот коэфициент и получаешь разрешение в css. У твоего телефона скорее всего он равен 3, поэтому 1080/3=360, что меньше 768. mydevice.io/devices тут этот коэффициент называется "px ratio".
