视口无法正常工作

Question

当我用智能手机浏览页面时，我在为身体设置100％宽度方面遇到了麻烦 视口设置

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

控制台显示的尺寸如

  

screen.width = 320
screen.availWidth = 320
window.innerWidth =   975
window.outerWidth = 320
$（窗口）.width（）= 320
  document.documentElement.clientWidth = 320
document.width = 975    $（document）.width（）= 975
$（'body'）。width（）= 970

我将'width：975px'添加到body的css中。
然后控制台显示以下尺寸

  

screen.width = 320
screen.availWidth = 320
window.innerWidth =   977
window.outerWidth = 320
$（窗口）.width（）= 320
  document.documentElement.clientWidth = 320
document.width = 977
  $（document）.width（）= 977
$（'body'）。width（）= 975

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

Answer 1

您是否尝试使用带有＆＃39; initial-scale＆＃39;的元标记？属性？

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

Answer 2

尝试定义初始比例和最大比例

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

在css中重置边距和填充：

html,body{margin:0, padding:0}