Как это исправить, чтобы он не перекрывал другие для Ipad - PullRequest
0 голосов
/ 13 февраля 2019

Я делал адаптивный веб-сайт, и у меня было большинство телефонов и планшетов для работы с немного другой компоновкой, чем для компьютеров.Единственное, что я знаю, что не работает, это iPad Pro в ландшафтном режиме, потому что он имеет такую ​​же ширину, что и некоторые ноутбуки.После небольшого исследования я добавил

@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape) {  
  nav ul li {
    display: block;
    width: 100%;
  }
}

, который должен был позволить ему работать.

Это вроде сработало, но кнопка меню навигации, чтобы показать меню, не появилась и автоматически опустила меню вниз.Вдобавок ко всему, когда вы выходите из подменю для пунктов меню, другие пункты не будут выталкиваться вниз.

Я думаю, что основная проблема заключается в том, что он объединяется с кодированием ПК, так что если кто-нибудьзнает, как я мог бы помешать им объединиться.

Вот изображение того, что происходит

enter image description here

Вот как это должно выглядетькак enter image description here

Ссылка на jsfiddle будет в комментариях, так как это очень требовательно к ним.

...