html - 调整网站以适应移动设备

Question

我决定从移动设备网站开始。我正在使用 http://mobiletest.me检查网站在移动设备上的外观，而不是一直使用我的手机来检查。然而，当我终于完成了 80% 的工作并想在我的手机上查看时，它以 100% 宽度 显示网站作为一个普通网站而不是更大的网站。

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

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

Answer 1

假设设备尺寸是指设置视口(viewport):

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

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