2017-04-20 5 views
0

サファリで私のウェブサイトwww.melonheadnj.comにアクセスすると、ズームすることができます。しかし、私のInstagramページ@melonheadnjで私のリンクをクリックするとズームできません。私のウェブサイトでは、Instagrams Webブラウザのズームを許可していませんか?

他のページから他のリンクを確認してズームすることができました。

これは私のモバイルCSSの中には何か?ユーザースケーラブルを削除することにより、メタタグがあった私のテーマのheader.phpのファイルで

答えて

0

...

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' /> 

は=いいえ、私は再びInstagramのブラウザにズームすることができました。奇妙なことに私はサファリモバイルをすでにズームしていましたか?

0

すでに述べたように、ビューポートメタデータはネイティブズームを防止しています。しかし、Mobile Safari(webkit)では、Appleはuser-scalable=nomaximum-scaleをもう尊重しないように選択したので、ユーザーはいつでもネイティブにズームすることができます。これは、アクセシビリティサポートを強制するためです。これに関するウェブキットblog postを参照してください。

関連する問題