如何在Mobile Safari上修复奇怪的文本输入字段错误？

Question

在我正在测试this responsive design时，我注意到一个奇怪的文本输入字段“宽度”错误将窗口推到Mobile Safari的右侧，我似乎无法了解。如果你在电脑上查看它，它会显示得很好。我已经在我的iPod和iOS模拟器上测试了这一点（所有设备上都出现了错误）。有什么建议吗？

Answer 1

因此，基本上，Mobile Safari和Desktop Safari有不同的默认样式表。虽然你在宽度等方面做得很好，但你缺少的一件事是在输入上明确设置填充。猜测这是罪魁祸首（桌面Safari固有地使输入填充1px，可能在移动设备上增加几个px）。我看到你正在使用-webkit-appearance：none（nice），所以，只要你明确声明填充，你应该是好的。