私は最近モバイルウェブサイトを開発しましたが、viewport
を使用するときにいくつかの問題が発生しました。
何度も試みた結果、現在の状況は、UC、Chrome、Androidの内蔵ブラウザ、safariのすべてが希望のズーム率に従って表示できるようになりました。
しかし、膨大な数のユーザーを持つ QQ ブラウザ では、ビューポートが認識できない (または使用できない) ようです。
コードは次のとおりです: HTML<meta id="viewport" content=" target-densitydpi=device-dpi, user-scalable=no, width=device-width, initial-scale=0.5" name="viewport" />JavaScript
var viewPortScale; var dpr = window.devicePixelRatio; if(dpr <= 2) { viewPortScale = 1 / window.devicePixelRatio; } else { viewPortScale = 0.5 } document.getElementById('viewport').setAttribute( 'content', 'user-scalable=no, width=device-width, initial-scale=' + viewPortScale); // alert(viewPortScale);Ifアラート コメントを削除すると、QQ ブラウザに必要なズーム率を示すポップアップが表示されますが、それでも必要な拡大縮小が行われません。