Я делал адаптивный веб-сайт, и у меня было большинство телефонов и планшетов для работы с немного другой компоновкой, чем для компьютеров.Единственное, что я знаю, что не работает, это iPad Pro в ландшафтном режиме, потому что он имеет такую же ширину, что и некоторые ноутбуки.После небольшого исследования я добавил
@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape) {
nav ul li {
display: block;
width: 100%;
}
}
, который должен был позволить ему работать.
Это вроде сработало, но кнопка меню навигации, чтобы показать меню, не появилась и автоматически опустила меню вниз.Вдобавок ко всему, когда вы выходите из подменю для пунктов меню, другие пункты не будут выталкиваться вниз.
Я думаю, что основная проблема заключается в том, что он объединяется с кодированием ПК, так что если кто-нибудьзнает, как я мог бы помешать им объединиться.
Вот изображение того, что происходит
Вот как это должно выглядетькак
Ссылка на jsfiddle будет в комментариях, так как это очень требовательно к ним.