即使我放置了元标记,我的页面也没有缩放以适应移动设备的视口(viewport):
<meta name="viewport" content="width=device-
width, initial-scale=1"> in the <head>.
当页面加载时,页面太大,不适合屏幕。
body 的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;
}
如果有任何帮助,我将不胜感激。谢谢!
最佳答案
尝试使用 max-width: 100%
和 min-width: 100%
属性的媒体查询,如下所示:
@media (max-width: 768px) {
body,html {
max-width: 100%;
min-width: 100%;
}
}
关于html - 页面未缩放以适合移动设备上的视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54381456/