Почему верстка поехала на мобильном устройстве?

Question

[Capablanca]

Ребята, впервые с таким сталкиваюсь.

Есть мобильный девайс с разрешением 1280х800, 188dpi
Сверстал под него неадаптивную страницу, конкретно под это разрешение.
Прописал контейнеру именно ширину 1280, разместил там все элементы.

В браузере и в DevTools в конкретно режиме 1280на800 все отображется как надо.
На самом девайсе открываю в браузере и у меня float элементы в ряд не влезают, они переносятся на другую строку.
То есть как будто размер экрана девайса меньше, чем написано в спецификации... но вроде такого быть не должно.

Может что-то не так прописано в head?
сейчас вот что у меня в коде

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Comments

[Дмитрий]

Для неадаптивной страницы необходимо указать <meta name="viewport" content='width=1280' >, где 1280 ширина контекстной области

[Capablanca]

Дмитрий, спасибо, я попробую так!

[Ankhena]

Откройте это на мобильном https://www.esolutions.se/en-GB/test и выяснится, что размер вьюпорта вовсе не 1280

[Ankhena]

И пожалейте пользователей, уберите user-scalable=no

[Capablanca]

Ankhena, спасибо! это реально помогло.
Screen Resolution оказался совсем не такой, как заявлено в официальных спецификациях. Уж не знаю почему так, но факт на лицо!

[Ankhena]

Capablanca, Screen Resolution не имеет никакого отношения к viewport мобильного браузера. Почитайте что-нибудь, статей много.

Answer 1

[art-boy]

1) браузер на девайсе может все пороть;
2) прописаны ли все префиксы;
3) верстайте с использованием флексбокс;