css - 如何修复 Mobile Safari 上奇怪的文本输入字段错误?

标签 css ios mobile input mobile-safari

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

最佳答案

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

关于css - 如何修复 Mobile Safari 上奇怪的文本输入字段错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8646997/

相关文章:

javascript - 将文本动态附加到 <p> 元素内的 <span> 元素破坏了我的设计

css - IE 不显示我的底部背景图像

javascript - 为什么jplayer在iphone上玩?

ios - 连接到 https 的要求

ios - 手动显示当前位置蓝点MKMapView ios

android - flutter中DropdownButtonFormField选择列表的边框半径

javascript - 在 'If mobile phone' 中

ios - html/css——试图居中图像并忽略正文边距

html - 尝试将 z-index 与 div 一起使用

android - 在 HTTP 请求中附加应用程序(Android/Iphone/Windows)版本?