視口無法正常工作

Question

我在用智能手機瀏覽頁面時遇到了爲身體設置100％寬度的問題。
視口設置是

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

控制檯顯示尺寸等

screen.width = 320
screen.availWidth = 320
window.innerWidth = window.outerWidth = 320
$（窗口）。寬度（）= 320
document.documentElement.clientWidth = 320
document.width = 975 $（文件）.WIDTH（）= 975
$（ '主體'）。寬度（）= 970

我向body的css添加了'width：975px'。
然後控制檯顯示下面

screen.width = 320
screen.availWidth = 320
window.innerWidth = window.outerWidth = 320
$（窗口）.WIDTH（）= 320尺寸
document.documentElement.clientWidth = 320
document.width = 977
$（文件）.WIDTH（）= 977
$（ '主體'）。寬度（）= 975

我想設置與文檔寬度相同的主體寬度。
會有人知道我可以解決這個問題嗎？

Answer 1

您是否嘗試將元標記與'initial-scale'屬性結合使用？

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

Answer 2

試着在你的CSS定義在體內的初始規模及最大規模的

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

和重置邊距和填充：

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