【发布时间】:2011-12-27 16:42:02
【问题描述】:
在测试 this responsive design 我目前正在处理时,我注意到一个奇怪的文本输入字段“宽度”错误将移动 Safari 上的窗口推向右侧,我似乎无法理解。如果您在计算机上检查它,它会显示得很好。我已经在我的 iPod 和 iOS 模拟器上对此进行了测试(错误出现在所有设备上)。有什么建议吗?
【问题讨论】:
标签: css ios mobile input mobile-safari
在测试 this responsive design 我目前正在处理时,我注意到一个奇怪的文本输入字段“宽度”错误将移动 Safari 上的窗口推向右侧,我似乎无法理解。如果您在计算机上检查它,它会显示得很好。我已经在我的 iPod 和 iOS 模拟器上对此进行了测试(错误出现在所有设备上)。有什么建议吗?
【问题讨论】:
标签: css ios mobile input mobile-safari
因此,基本上,Mobile Safari 和 Desktop Safari 具有不同的默认样式表。当您在宽度等方面做得很好时,您缺少的一件事是在输入上明确设置填充。猜测这是罪魁祸首(桌面版 Safari 本身就使输入填充为 1 像素,在移动设备中可能大几像素)。我看到您正在使用 -webkit-appearance: none (很好),因此,只要您明确声明填充,就应该很好。
【讨论】: