質問: Chromeのパソコン、スマートフォンモードではplaceholderはしっかり表示されているのに、 サイトを公開し、自身のスマートフォンで見た時のみ、下記の画像のようにplaceholderが切れてしまいます。 この解決方法が分からず困っています。どなたかのお力をお借りしたいです!お願いします! この部分のコードは下記のようになっています .contact input[type="text"], .contact textarea { border: 1px solid; padding: 0.4em 0.6em; height: 40px; width: 100%; } __![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/bbd449cda2a533f5302f64d61870514f.jpeg)
回答: [1] `line-height: 1;`、`line-height: 1.5;`、`line-height: 2;`など、 line-heightに1以上の数字を指定してみるといかがでしょうか? [2] `height`を削除するか、`min-height`に置き換えてみる、などいかがでしょうか?