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

Question

[grabonovich]

Адаптивно верстаю сайт на локалхосте, при проверка заметил сделующую штуку: медиа-запрос работает при произвольном размере без указания устройства:

Но при этом если указать в качестве устройства Ipad, имеющий те же самые размеры, желаемая картина резко пропадает:

Сам медиа-запрос выглядит так:

@media (max-width: 770px) {
        .main-box {
                display: block;
                text-align: center;
        }

        .index-moon {
                margin: 0;
        }

        .description {
                display: block;
        }

        h1 {
                text-align: center;
                margin: 0;
        }
}

Хочу обратить внимание на то, что при произвольном размере отображалась версия для НЕсенсорных устройств, так что каким-то образом на сенсорные устройства это действует по другому.

Comments

[Lord_Dantes]

Естественно без кода.

[grabonovich]

s l a v e, а при чём тут код? медиа-запрос посмотреть? сейчас дополню.

[Lord_Dantes]

grabonovich, действительно причем тут код. Это в браузере ошибка наверное, тупой хром опять свои баги оставляет...

[grabonovich]

s l a v e, каким образом медиа по ширине может влиять на сенсорные и НЕ влиять на остальные устройства?

[ThunderCat]

grabonovich, емнип там есть такая заморочка со скроллбаром, где размер скроллера меняет ширину отображаемого поля, на сенсорах его нет, в отличие от десктопов.

[Ankhena]

grabonovich,

каким образом медиа по ширине может влиять на сенсорные и НЕ влиять на остальные устройства?

У вас разве media попросили?

И бывают глюки и у браузера. Тогда надо закрыть и открыть обратно режим адаптивности или всю консоль.

[Eugene Chefranov]

Еще у вас разные DPR

[grabonovich]

Eugene Chefranov, что у меня разные?