iPhone 浏览器调整表单元素占位符字体大小的大小
我遇到的问题不是网页上的文本,不用介意“它是在
标记内,还是确保它在
-webkit-text-size-adjust: none;
或 100%;
并不能解决这个问题。我所说的是占位符
。 > 显示在文本字段内的值iPhone 浏览器正在重新调整大小,这又会重新调整每个文本字段的高度,从而导致表单字段与其背景的对齐方式发生变化
。 .com/" rel="nofollow">问题链接(显然,使用 iPhone 访问即可查看问题)
The problem I am having IS NOT with text on my webpage, nevermind "is it inside a <p>
tag, or make sure it's in a <div>
and -webkit-text-size-adjust: none;
or 100%;
does not fix this problem.
What I'm talking about is the placeholder
values that display inside a text field are being re-sized by the iPhone browser and this is in turn re-sizing the height of each text field and in turn throwing off the alignment of the form fields to their backgrounds.
Link to Problem (Visit with iphone to see the problem, obviously)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
发布评论
评论(2)
查看您的源代码,看起来您可能正在尝试使用
<input type="blah" placeholder="text">
但不会影响此类标签中的占位符样式。相反,您应该使用类似的东西
input::-webkit-input-placeholder { ...whatever here... }
来影响样式。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
问题不在于字体大小,而在于输入框本身。
iPhone 浏览器向它们添加了填充,所以这就是修复:
谢谢!
The problem was not the font size, but rather the input boxes themselves.
The iPhone browser was adding a padding to them, so this was the fix:
Thanks!