у экранов мобильных устройств есть 5 основных
плотностей пикселей на экране.
А вот координаты задаются в pt = 1/72 дюйма.
Поэтому графику делают как минимум в 4х вариантах
LDPI - 0.75x - почти атавизм
MDPI - Original size
HDPI - 1.5x
XHDPI - 2.0x
XXHDPI - 3x
XXXHDPI - 4.0x - телевизоры или уж очень навороченный гаджет
1080 по ширине это XXHDPI - 360 пикселей ширина у 5ти дюймового устройства .
А вот если производитель хочет сделать диагональ побольше , то тут и появляются 414
Еще больший гимор внутри html
тут еще влияет тег vebview.
без него считается что экран шириной 960 пикселей.
А самое интересное с размером пикселя в режиме печати твориться.
Имхо все броузерописьцы на это забили и то что он по хорошему должен быть кратен 1/75 дюйма
реализовывать не стали.
Так, что отвыкайте верстать в px
