[解決済み] ウェブアプリの `select` で iPhone がズームインしないようにする。

質問

このようなコードがあります。

<select>
    <option value="c">Klassen</option>
    <option value="t">Docenten</option>
    <option value="r">Lokalen</option>
    <option value="s">Leerlingen</option>
</select>

iPhoneでフルスクリーンのWebアプリで実行中。

この一覧から何かを選択するとき、iPhoneではズームインして select -要素にズームインします。そして、何かを選択した後、ズームアウトは元に戻りません。

どうすればこれを防ぐことができますか？または、ズームアウトを元に戻すには？

どのように解決するのですか？

文字サイズが閾値より小さいため、ブラウザが領域を拡大しようとするためと思われます（一般にiPhoneで発生します）。

メタタグ属性に "user-scalable=no" を与えると、ユーザーが他の場所でズームすることを制限することができます。この問題は セレクト 要素だけの問題なので、cssに以下のようなものを使ってみてください。

HTMLです。

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

CSSです。

select{
font-size: 50px;
}

src: iPhoneで選択後、ズーム解除する