Адаптивно верстаю сайт на локалхосте, при проверка заметил сделующую штуку: медиа-запрос
работает при произвольном размере без указания устройства:
![5e53be18eeb24373744855.png](https://habrastorage.org/webt/5e/53/be/5e53be18eeb24373744855.png)
Но при этом если указать в качестве устройства Ipad, имеющий те же самые размеры, желаемая картина резко
пропадает:
![5e53bec6a695a370817597.png](https://habrastorage.org/webt/5e/53/be/5e53bec6a695a370817597.png)
Сам медиа-запрос выглядит так:
@media (max-width: 770px) {
.main-box {
display: block;
text-align: center;
}
.index-moon {
margin: 0;
}
.description {
display: block;
}
h1 {
text-align: center;
margin: 0;
}
}
Хочу обратить внимание на то, что при произвольном размере отображалась версия для НЕсенсорных устройств, так что каким-то образом на сенсорные устройства это действует по другому.