メタタグ？フォームフィールドはフォーカスをズームしますが、モバイルデバイスにフォーカスしているときはズームを解除しませんか？

Question

私はモバイルフレンドリーにしようとしているウェブサイトを持っています。テキストボックスが選択されたときに私のフォームにアクセスすると、画面がズームインされてズームアウトされません。私はこれをやっている私のCSSだとは思わない、あなたのメタタグを設定する方法に関わる気持ちがある。ズームアウトしていないので、ズームインしないように自分のメタタグを調整する方法はありますか？または、フォーカスが失われたら、少なくともズームアウトしてください。

<meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

Answer 1

あなたは完全にページ上でズームを削除したい場合は、そのように、あなたのビューポートタグにuser-scalable=0を追加してみてください可能性があり、

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">

しかし、これは理想的ではないかもしれません。私が集めることができるから、これを防ぐ別の方法は、問題のフォームの入力テキストを特定のサイズを超えるように設定して、フォームのズームを特に防ぐことです。ほとんどのiOS /モバイル端末では、そのサイズは約16pxのようですが、デバイスによって異なる可能性があります。

input { 
    font-size: 16px; 
}