【问题标题】:How to fix weird text input field bug on Mobile Safari?如何修复 Mobile Safari 上奇怪的文本输入字段错误?
【发布时间】:2011-12-27 16:42:02
【问题描述】:

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

【问题讨论】:

    标签: css ios mobile input mobile-safari


    【解决方案1】:

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

    【讨论】:

    • 天哪,我得到了大卫金田的帮助!效果很好,大卫。非常感谢:)
    • 大声笑,安定下来——我不是保罗爱尔兰人或其他任何人;)很高兴它有帮助-
    猜你喜欢
    • 1970-01-01
    • 2015-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-22
    • 1970-01-01
    • 2014-02-14
    • 2012-03-12
    相关资源
    最近更新 更多