将网站调整为移动设备

Question

我决定从移动设备网站开始。我正在使用 http://mobiletest.me 来检查网站在移动设备上的外观，而实际上并没有一直使用我的手机进行检查。但是，当我最终完成 80% 的工作并想检查我的手机时，它将100% width上的网站显示为普通网站，不像更大的网站。

我的项目中缺少什么以正确的方式显示它？我有主要container，里面有所有其他div。也许这可能是问题所在？

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

Answer 1

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

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

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

Answer 2

添加也不会

有害：

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