页面无法缩放以适合移动设备上的视口

时间:2019-01-26 18:31:31

标签: html css mobile viewport scalable

即使放置了meta标签,我的页面也无法缩放以适合移动设备的视口:

 <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 :(得分:0)

尝试使用max-width: 100%min-width: 100%属性进行媒体查询,如下所示:

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