Html 在移动视图中，整个网站的右侧都有白边

我已经试过了

将正文和html宽度设置为100%！重要的

选中具有正确值的视口 宽度=设备宽度，初始刻度=1，收缩到适合=否

所以我对下一步要检查的内容没有什么想法了

谁能给我点化一下吗

更新 我的问题被标记为的副本，请我解释一下，好的，我们开始：

正如你所看到的，如果我添加了这个代码

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

---

我的英雄形象和我的下一部分之间有一个巨大的空白，顶级部分丢失了。

看起来您的浏览器视图端口有问题。当我们在不刷新的情况下更改端口时，看起来您已经共享了，但当我们在同一端口中打开时，它工作正常。我还测试了在线模拟器工作良好。检查这个

---

谢谢

当您调整浏览器窗口的大小时，您的视口将被缩放，因此添加user scalable=0将解决该问题。（目前，按ctrl+0可以解决问题）

将视口替换为以下内容：

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

---

我注意到，在您使用的是“行”类，然后在“列-*”类中，您使用的是“p-0”。理想的实现方法是，如果不需要檐槽空间，则将“row no gutters”与“row”类一起应用，并从所有col类中删除“p-0”。

---

有时，此问题还会导致不同视图之间的空间问题。

您可以共享链接吗？@Utkanos当然可以，谢谢。hi@KamaleshM.Talaviya的可能副本请在我添加代码之前查看我的更新：它解决了问题！谢谢~！现在，请您解释一下为什么添加：高度=设备高度，最大刻度=1，用户可缩放=0使其工作？？？谢谢当前元不包括

user scalable=0

，因此当您调整浏览器窗口大小时，它无法正确缩放，因为它无法正确检测设备。元视口标记用于检测设备并相应地呈现页面。您可以参考更多详细信息。如果您接受答案，这将非常有用。谢谢当然可以这是第一个解决方案：）非常感谢~！“视口元素为浏览器提供如何控制页面尺寸和缩放的说明。”从我对检测设备的解释来看，是关于元标记的，而不是具体的

用户可缩放的

，我试图用一种简单的方式来解释，但不是官方术语。