Isotope Labsにサイトをアップしています。
メディアクエリを使用してモバイルを検出し、ボディ幅 100% のモバイル スタイルシート (mobile.css) を設定します。
scripts.js ファイルは、モバイル デバイスの jQuery スクリプトも無効にします。
モバイルデバイスでズームを適切に無効にできないように見えることを除いて、すべて機能します。
モバイルのズームを無効にするために、(非常に多くの代替手段を試した後) HTML ヘッドで次を使用しました。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimum-scale=1" />
iOS および Chrome Mobile for Android では、引き続きズームできます。モバイル スタイルシートが適用されますが、正しく表示されません (テキストが小さすぎます)。
実際には Android のストック ブラウザで動作しますが、更新を押すたびに、正しく表示されるか、Chrome や iOS とまったく同じように動作するかが切り替わります。
頭からすべてを削除しましたが、javascript と CSS をすべて削除しても、ズームは可能です。
これは私を狂わせています。何か案は？