Горизонтальный свиток вызывает вертикальную прокрутку только на мобильном телефоне ⇐ Html

[Anonymous]

Я хочу, чтобы боковая панель, которая при расширении входит слева, и толкает область содержания вправо, поэтому она переполняет просмотр справа. Вертикальная прокрутка увеличивается пропорционально с горизонтальным свитком. Viewport простирается мимо нижнего конца элемента , а боковая панель внезапно заканчивается. Я не хочу, чтобы прокручиваемая область проходила мимо границ документа. Так что это должно быть преднамеренное поведение, но я не могу найти никакой информации о почему это происходит, не говоря уже о том, как его преодолеть. Примечание. Вы должны открыть инструменты Dev и включить эмулятор устройства или просмотр с помощью мобильного устройства.


body {
display: flex;
align-items: stretch;
margin: 0;
}

main {
width: 100%;
flex-shrink: 0;
}

nav {
min-height: 100dvh;
flex-shrink: 0;
background-color: purple;
width: 20rem;
}







Подробнее здесь: https://stackoverflow.com/questions/797 ... obile-only