Страница не масштабируется, чтобы соответствовать области просмотра на мобильном телефоне - PullRequest
0 голосов
/ 26 января 2019

Моя страница не масштабируется, чтобы соответствовать области просмотра мобильного устройства, даже если я поместил метатег:

 <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 Ответ

0 голосов
/ 27 января 2019

Попробуйте медиазапрос со свойством max-width: 100% и min-width: 100%, например:

@media (max-width: 768px) {
  body,html {
   max-width: 100%;
   min-width: 100%;
 }
}
...