Html 移动布局未调整为屏幕大小

我已经创建了一个网站，并在Firfox开发工具的帮助下开发了Resposnive前端（用于在不同的屏幕大小上进行测试）。现在我已经部署了我的web应用程序，我面临一个问题

在移动设备上，布局与开发人员工具上不同，屏幕大小相同。该页面的分辨率为1920像素x 1080像素，刚刚放大（见图）

我已经使用了这个标签，但它似乎不能解决问题

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

我已经使我所有的css都响应了，问题只是，移动布局上的页面与设备的大小不同。所以我想知道，如何调整我的页面，使其与设备大小相同

是一个JsFiddle，具有我网站的基本布局
是包含网站实际内容的JsFiddle

该网站在以下位置可用：，在桌面和手机上进行测试，你就会明白我的意思

---

如果您需要任何帮助，我们将不胜感激。如果您需要更多信息，请随时询问我。

经过数小时的搜索，我发现了问题所在。 看起来像是溢出：隐藏和

位置：绝对位置不配合

在我的CSS文件中删除此部分后，问题消失了：

.navigation {
    position: absolute;
}


如果您需要
position:absolute
的功能，我建议您改用
position:fixed

tldr：如果你想瞄准移动市场，不要将溢出：隐藏和位置：绝对相结合。
经过几个小时的搜索，我发现了问题。
看起来像是溢出：隐藏和
位置：绝对位置不配合

在我的CSS文件中删除此部分后，问题消失了：

.navigation {
    position: absolute;
}


如果您需要
position:absolute
的功能，我建议您改用
position:fixed

tldr：如果你想瞄准移动市场，不要将
溢出：隐藏
和
位置：绝对
结合起来。
你能把你的代码放在这里吗？如果我们真的能看到这里的问题，那会很有帮助。有一个输入错误，您在
内容
属性中写的是“widt”，而不是“width”。多亏您指出了输入错误。但这只是我的问题，不是我的代码。我修正了问题中的输入错误。你需要添加一些代码，这样我们才能找出问题所在。在你写的这段代码中，没有任何错误。正如其他人所说，你应该将代码添加到你的页面中，这样我们就可以帮助你回答。你能把你的代码作为一把小提琴放在这里吗？如果我们真的能看到这里的问题，那会很有帮助。有一个输入错误，您在
内容
属性中写的是“widt”，而不是“width”。多亏您指出了输入错误。但这只是我的问题，不是我的代码。我修正了问题中的输入错误。你需要添加一些代码，这样我们才能找出问题所在。在您编写的代码中，没有任何错误。正如其他人所说，您应该将代码添加到您的页面中，以便我们能够帮助您回答。