Ошибка отклика при разрешении экрана 2436 x 1125 (альбомный режим)

Вот адаптивная версия моего сайта на разные устройства и разрешения Пожалуйста, обратите внимание на значок меню в ландшафтном режиме.

У меня эта проблема со значком меню на iPhone X в ландшафтном режиме.

Я использую этот код, и он работает с любыми другими устройствами и разрешениями (альбомная ориентация):

@media screen and (max-width: 710px) {
    .mobile-mini-widgets {
       display: none!important;
    }
}

Но с iphone X это не работает. Я даже пробовал этот код для iphone X, но он тоже не работает:

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 
812px) and (-webkit-device-pixel-ratio: 3) {
    .mobile-mini-widgets {
        display: none!important;
    }
}

Не могли бы вы помочь решить эту проблему?

максимальная ширина iphoneX больше 710 пикселей paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Carol McKay 26.10.2018 10:00

Вы хотите иметь этот элемент отображается, а не скрытый для этой точки останова, потому что этот элемент находится между логотипом и значком меню и, таким образом, сдвигает значок меню вправо. (Хотя, если бы это была цель Только, которой служит этот пустой элемент, тогда вам лучше правильно использовать свойства flexbox для выравнивания двух фактических элементов.)

misorude 26.10.2018 10:00

@misorude Спасибо за ответ. Моя главная цель - иметь логотип слева и значок меню справа на любом мобильном устройстве / устройстве iPad, с разрешением и ориентацией. Как я могу получить его без его кода, который я использую сейчас?

Merkucio 26.10.2018 11:31

@Carol McKay Спасибо за ответ. Итак, сколько пикселей я должен установить для iphone X? Я не уверен...

Merkucio 26.10.2018 11:33

Если единственной целью элемента .mobile-mini-widgets было достижение что, затем удалите его - и вместо этого укажите, как вы хотите разместить оставшиеся два элемента внутри гибкого контейнера - для этого и предназначено свойство justify-content.

misorude 26.10.2018 11:33

Если я удалю этот код, который использую, логотип будет в центре, и я не смогу его оставить.

Merkucio 26.10.2018 11:35

Хорошо, я удаляю этот код, который использовал, и теперь логотип находится в центре. Как поставить в левый угол?

Merkucio 26.10.2018 11:40

вам может потребоваться указать .mobile-mini-widgets {flex-based: auto}

Carol McKay 29.10.2018 06:07
0
8
201
0

Другие вопросы по теме