iPhone浏览器重新调整表单元素占位符字体大小

Question

我遇到的问题是我的网页上没有文字，没关系“它是在<p>标记内，还是确保它在<div>和-webkit-text-size-adjust: none;或{{1 }}无法解决这个问题。

我所说的是文本字段中显示的100%;值正在被iPhone浏览器重新调整大小，而这又会重新调整每个文本字段的高度，然后再投掷关闭表单字段与其背景的对齐方式。

Link to Problem (Visit with iphone to see the problem, obviously)

Answer 1

问题不在于字体大小，而在于输入框本身。 iPhone浏览器正在为它们添加填充，所以这就是修复：

`input{padding:1px 0;}`

谢谢！

Answer 2

查看您的来源，看起来您可能正在尝试使用

<input type="blah" placeholder="text">

但您不会影响这些类型标记中的占位符样式。相反，你应该使用像

这样的东西

input::-webkit-input-placeholder { ...whatever here... } 

影响样式。

查看this link on styling placeholders in various browsers。