Я создал сайт с отзывчивым меню для PC-браузера и Android-браузера для Samsung S5 с помощьюСтранного поведение отзывчивого меню
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
меню работает только на ПК. Когда веб-сайт работает в мобильном браузере (native и chrome также), тогда .menu-блок, похоже, получает желаемый размер, но по-прежнему невидим, хотя нет отображения: none.
Я использовал Z-индекс для решения моей проблемы, но ничего не случилось, и до сих пор я не могу найти ошибку. Когда .content display установлен в hide, тогда .menu выглядит нормально. Div .menu похоже на нижнюю (?) .content, но если это так, то почему z-index работает неправильно?
Это сайт Website. Может кто-нибудь проверить эту проблему?