Не смог придумать нормального названия для этого вопроса, попробую описать проблему. Например , когда я делаю верстку под разрешения экрана 1280рх 1440рх и 320px .
media screen and (max-width:1200px) и т.д
Если запускаю сайт с ПК то показывает версию на 1600 , а когда с ipad то он показывает версию под 1200 , хотя разрешение 1536 точек а с телефона когда то на 320px хотя разрешение экрана 1440 точек. Я понимаю , что так как предлагает браузер выглядит намного лучше чем масштабирование , но как браузер понимает что например на мобильном телефоне нужно запустить версию на 320 а не на 1440 ? Как я понимаю там есть еще какие то единицы измерения , помимо пикселей. Где про это можно почитать ?