Css 在智能手机上查看时,我的页面上有额外的空间

Css 在智能手机上查看时,我的页面上有额外的空间,css,viewport,Css,Viewport,我想不回应。大约1000像素宽。我希望它全部出现在我的智能手机上,这样用户就必须放大才能读取正常大小的字符 然而,无论我做什么,当我在智能手机上观看时,我总是在主要内容的右侧有数百个像素。我试图将width:1050px设置为包含整个页面的“wrap”元素,结果相同。现在我的body标签设置为宽度:1050px,结果相同 我尝试不使用视口标记。然后我尝试了 理想情况下,在智能手机上,我希望页面水平居中,每侧有30像素的填充,不可能水平滚动。如何做到这一点?使用 body { overfl

我想不回应。大约1000像素宽。我希望它全部出现在我的智能手机上,这样用户就必须放大才能读取正常大小的字符

然而,无论我做什么,当我在智能手机上观看时,我总是在主要内容的右侧有数百个像素。我试图将
width:1050px
设置为包含整个页面的“wrap”元素,结果相同。现在我的body标签设置为
宽度:1050px
,结果相同

我尝试不使用视口标记。然后我尝试了

理想情况下,在智能手机上,我希望页面水平居中,每侧有30像素的填充,不可能水平滚动。如何做到这一点?

使用

body {
    overflow-x: hidden;
}
并将meta标记更改为