2016-09-20 14 views
0

iphoneで自分のhtml/cssコードに問題があります。 http://my-services-demo.botic-denis.com/ トップバーの検索アイコンをクリックしてください。 その後、検索バーが表示されます。iphoneのhtml/cssでフォーカスの問題が発生しました

検索入力ボックスをクリックして問題が発生しています。

その後、いくつかの要素がボディを広くしているように見え、左から右にスクロールすることができます。それは起こらないはずです。

私はこれを引き起こす問題を見つけることができません。

私はhtmlとcssを検証しています。

また、ページ下部に別のフォームがあります。それはコンタクトフォームであり、入力フィールドはフォーカスに問題はありません。

+0

ブラウザで入力ボックスをクリックすると、iOSでズームの問題が発生していることが明らかです。入力ボックスのフォントサイズが16px以上であることを修正する方法があります。 –

+0

ありがとうThomas、私はフォントサイズを16pxに変更しました。これで最終的に問題は解決しました。私はそれを正確なものとしてマークするためにあなたのコメントを回答として公開したいですか? –

+0

ありがとう、答えが掲載されました。 –

答えて

1

入力ボックスをクリックするとiOSのズームに関する問題が発生するようですが、ブラウザがそのボックスをズームインすると、入力ボックスのフォントサイズが16px以上になっています。

font-size: 16px; 

これが役に立ちます。

関連する問題