Являются ли разные точки прерывания медиа-запросов из разных браузеров (Android), что следует ожидать в целом?

Question

Я протестировал медиа-запрос, используя шесть разных браузеров в Huawei Ascend Y330/Android 4.2 и получил три разных результата по ширине устройства, о которых сообщает mqtest.io.

Для каждого браузера я затем проверил фактические точки останова на своей собственной html-странице с помощью css, например: @media only screen and (max-device-width: 320px), - и изменив значение пикселя до появления изменения формы. Ширина устройства во всех шести случаях согласуется с тем, что было сообщено mqtest.io для устройства.

Очевидно, проблема в том, что дизайн невозможен, поскольку непоследовательность браузера. Является ли это «локальной» проблемой или это общая проблема при использовании @media?

Результаты по mqtest.io и веб-страницы теста

Дельфин и Android-браузер по умолчанию
устройства ширина: 480px
устройства высота: 800px

Opera и Google Chrome
ширина устройства: 320px
device-height: 534px

Firefox и Firefox Бета-
устройство ширина: 320px
устройства высота: 533px

экрана: Соотношение 480х800 пикселей
: 1,5 (по данным mqtest.io для всех шесть браузеров)

Answer 1

ли следующий фрагмент код исправить проблему?

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" /> 

Answer 2

У меня был этот код на тестовой странице, но это не помогает. Кроме того, я провел еще несколько тестов, и становится очевидным, что ширина устройства просто непредсказуема. Спасибо за ответ.