html - 视口(viewport)无法正常工作

Question

当我用智能手机浏览页面时，我无法将正文设置为 100% 宽度。
视口(viewport)设置为

meta name="viewport" content="width=device-width"

控制台显示大小如

screen.width= 320
screen.availWidth= 320
window.innerWidth= 975
window.outerWidth= 320
$(window).width()= 320
document.documentElement.clientWidth= 320
document.width= 975 $(document).width()= 975
$('body').width()= 970

并且我在 body 的 CSS 中添加了“width:975px”。
然后控制台显示以下尺寸

screen.width= 320
screen.availWidth= 320
window.innerWidth= 977
window.outerWidth= 320
$(window).width()= 320
document.documentElement.clientWidth= 320
document.width= 977
$(document).width()= 977
$('body').width()= 975

我想将正文的宽度设置为与文档的宽度相同。
有人知道我该如何解决这个问题吗？

Answer 1

您是否尝试过使用带有“initial-scale”属性的元标记？

<meta name="viewport" content="width=device-width, initial-scale=1">