これをクラックするのに苦労しました。Web フォントを使用している場合、モバイル Safari (および Chrome) では、入力フィールド内のテキストの垂直位置が常に高くなります。具体的には、Monotype Webfonts の DIN Next http://www.fonts.com/font/linotype/din-next?QueryFontType=Web#buying-options
行の高さを設定し、パディングを調整し、入力の高さを無駄にしようとしました。テキストは常に必要以上に高くなります。
Web フォントが入力フィールドに適用されていない場合、見栄えがよくなります。
normalize.css で HTML5 ボイラープレートを使用する
スクリーンショットはこちら: https://www.evernote.com/shard/s4/sh/49486b48-98a6-4cf0-80ab-52c96f052bc6/a889ee43c1c08b7c2ee5433a139708ac