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

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

解决方法

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