Я работаю над веб-страницей React и попытался посмотреть, как выглядит сайт на мобильном телефоне, поэтому я переключился на просмотр с мобильных устройств и, как вы можете видите, мой элемент занимает только половину экрана, поэтому мой контент, моя навигационная панель и все мои элементы на самом деле находятся только на половине экрана.
Вот мой индекс. css
html {
padding: 0px;
margin: 0px;
overflow-y: scroll;
background-color: #ececec;
width: 100%;
}
body {
padding: 0px;
margin: 0px;
}
Таблица, которую вы видите, имеет атрибут min-width, поэтому ее можно увидеть, но ее контейнерный размер также равен размеру тега html ... Справка !!
Я заметил, что ширина элемента html всегда такая же, как и у экрана устройства, и в этот момент он «застревает». Если я создаю экран с шириной 400 пикселей, тег будет шириной 400 пикселей, и вместо оборачивания всего содержимого это просто фиксированная ширина 400 пикселей ...
Я добавил min-width: 1000px к своему #root, и теперь он выглядит хорошо, но моя html ширина по-прежнему такая же, как моя ширина экрана, которая, я думаю, не должна быть такой