ios - iPhone呈现的HTML表单与桌面浏览器不同

我正在创建一个非常简单的网站，它是一个私人管理面板，它也响应并围绕HTML5构建。

登录页面具有标准的用户名和密码表单字段，我已将其设置为按照我想要的方式显示。我已经在Windows 7旗舰版的所有5个主要浏览器中测试了这个页面（尽管我不再使用Safari for Windows，但我仍然使用旧版本测试），页面看起来很好。

然后我抓住我的iPhone 4S并检查页面......两个输入字段及其标签不在我想要的位置，而是看起来它只是密码标签和输入字段。它在手机旋转时都会关闭。

我已经在互联网上搜索了几个小时，而且我没有想法如何重新编写我的搜索查询以获得一些用处。我没有运气，所以我复制了网站的相关部分，并建立了一个可以找到的样本网站HERE。

如果您调整浏览器窗口的大小，输入和标签将保留在我想要的位置。只有在iPhone上观看时，它们才能从我想要的位置移动。

更新

我遇到问题的页面的中心div只有300px宽，因为此页面上的内容很少，因此不需要响应操作。但是，网站内的页面需要响应式处理。我提到在这篇文章的开头响应是彻底的。如果我删除了视口元标记，那么表单字段仍然没有问题，因此iPhone版本的Safari必须有一些问题，对吗？

任何，我的意思是任何帮助都将受到极大的赞赏。我是石墙的。

谢谢！