iPhone瀏覽器重新大小的表單元素佔位符字體大小

Question

我遇到的問題不是對我的網頁上的文本是，沒關係「是一個<p>標籤內，或者確保它是在一個<div>和-webkit-text-size-adjust: none;或100%;不能解決這個問題

我在說的是placeholder值顯示在文本字段正在重新調整大小的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。