我正在创建一个非常简单的网站，它是一个私人管理面板，它也响应并围绕HTML5构建。
登录页面具有标准的用户名和密码表单字段，我已将其设置为按照我想要的方式显示。我已经在Windows 7旗舰版的所有5个主要浏览器中测试了这个页面（尽管我不再使用Safari for Windows，但我仍然使用旧版本测试），页面看起来很好。
然后我抓住我的iPhone 4S并检查页面......两个输入字段及其标签不在我想要的位置，而是看起来它只是密码标签和输入字段。它在手机旋转时都会关闭。
我已经在互联网上搜索了几个小时，而且我没有想法如何重新编写我的搜索查询以获得一些用处。我没有运气，所以我复制了网站的相关部分，并建立了一个可以找到的样本网站HERE。
如果您调整浏览器窗口的大小，输入和标签将保留在我想要的位置。只有在iPhone上观看时，它们才能从我想要的位置移动。
更新
我遇到问题的页面的中心div只有300px宽，因为此页面上的内容很少，因此不需要响应操作。但是，网站内的页面需要响应式处理。我提到在这篇文章的开头响应是彻底的。如果我删除了视口元标记，那么表单字段仍然没有问题，因此iPhone版本的Safari必须有一些问题，对吗？
任何，我的意思是任何帮助都将受到极大的赞赏。我是石墙的。
谢谢！
答案 0 :(得分：0)
您需要媒体标记http://stephen.io/mediaqueries/来调整页面大小以适应不同的屏幕尺寸。
答案 1 :(得分：0)
<强>解决
嗯......经过一些实验，我发现浮子：左;我在``用户名和密码的标签上使用是罪魁祸首。我改变浮动：左;显示：内联块;现在iPhone屏幕与桌面浏览器屏幕布局相匹配。 Ye Gods，有点头疼。我希望这有助于其他人！