javascriptのiOSでズームを変更できません

Question

私はウェブサイトを持っています1000x820 それは本当のウェブサイトではありません、レスポンシブルウェブデザインについて私に尋ねないでください。

ビューポート：

iphoneのSEに続いて

<meta name="viewport" content="target-densitydpi=device-dpi, width=1000px, user-scalable=no"> 

iOSの10 とホーム画面に追加。

1000px幅のアプリケーションを起動すると、両方向で非常に良好に表示され、変更できます。もちろんズームはできません。 入力にフォーカスを当ててテキストを入力します。何もズームしません。入力のフォーカスを解除するか、向きを変更すると、スケールが壊れます。私たちはそれを変更することはできません。

$('meta[name=viewport]').remove(); 
$('head').append('<meta name="viewport" content="target-densitydpi=device-dpi, width=1000px, user-scalable=no">'); 

それは私を助けませんでした。 フォントのあいまいさもあります。

私は1つの悪い考えがあります。ビューポートの変更を追跡し、ページを更新します。

Answer 1

あなたはメタタグにuser-scalable=noと明示的にwidthが含まれています。

user-scalableを削除し、widthをwidth=device-widthに更新します。 initial-scale=1.0を使用して、端末のズームレベルを設定することができます。

• MDN - Using the viewport meta tag to control layout on mobile browsers