页面无法缩放以适合移动设备上的视口
[英]Page not scaling to fit the viewport on mobile
问题描述
即使放置了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 个解决方案
解决方案1
0 2019-01-26 22:32:06
尝试使用max-width: 100%和min-width: 100%属性的媒体查询，如下所示：
@media (max-width: 768px) {
body,html {
max-width: 100%;
min-width: 100%;
}
}
移动视口无法打开适合屏幕的页面
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.