Html 调整网站以适应移动设备

我决定从移动设备的网站开始。我用手机查看网站在移动设备上的外观，而不是一直用手机查看。然而，当我最终完成了80%的工作，并想在我的手机上查看时，它会显示100%宽度的网站，作为一个正常的网站，而不是一个更大的网站

在我的项目中，以正确的方式显示它缺少了什么？我有一个主容器，里面装着所有其他的div。也许这就是问题所在

div#mobile-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

---

假设“设备大小”是指设置视口：

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

---

将此项添加到您的头标签中，它将不会为您提供正常的网站大小。

添加以下内容也不会有害：

<meta name="HandheldFriendly" content="True" />