html 元视口标签

我建立了一个html登陆页面，你可以看到它here http://tzabar.exactive.co.il/我以这种方式使用元视口标签：

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

当我从手机进入这个页面时，页面宽度不适合屏幕， iPhone 示例 -http://mobiletest.me/iphone_5_emulator/#u=http://tzabar.exactive.co.il/ http://mobiletest.me/iphone_5_emulator/#u=http://tzabar.exactive.co.il/我做错了什么？

根据 War10ck 的建议，考虑将视口元标记更改为如下所示：

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

您还可以更改 CSS 来帮助您完成任务。考虑更改 .content 类。例如：

.content{
  width: 100%;
  max-width: 930px;
}

我不确定你的最终设计目标是什么，但这应该会让你朝着正确的方向前进。您还可以研究像 Bootstrap 这样的东西http://getbootstrap.com/ http://getbootstrap.com/帮助您使网站具有响应能力。