Страница не масштабируется, чтобы соответствовать области просмотра на мобильном телефоне
Моя страница не масштабируется, чтобы соответствовать области просмотра мобильного устройства, даже если я поместил метатег:
<meta name="viewport" content="width=device-
width, initial-scale=1"> in the <head>.
Когда страница загружается, страница слишком велика и не умещается на экране.
CSS для тела
body, html {
position: relative;
display: block;
height: auto;
width: 100%;
max-width: 1650px;
min-width: 400px;
min-height: 650px;
margin-left: auto;
margin-right: auto;
}
Буду признателен за любую помощь. Спасибо!
1 ответ
Попробуйте медиа-запрос с max-width: 100% а также min-width: 100% свойство как это:
@media (max-width: 768px) {
body,html {
max-width: 100%;
min-width: 100%;
}
}