J'ai récemment développé un site Web mobile et j'ai rencontré quelques problèmes lors de l'utilisation de viewport
Après de nombreuses tentatives, la situation actuelle est que les navigateurs fournis avec UC, Chrome et Android, Safari. peut afficher le taux de zoom comme vous le souhaitez.
Cependant, dans le navigateur QQ, qui compte un grand nombre de utilisateurs, il semble que la fenêtre d'affichage ne puisse pas être reconnue (ou ne puisse pas être utilisée).
Le code est le suivant :
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);
Si vous supprimez le commentaire d'alerte, le navigateur QQ apparaîtra jusqu'à afficher le taux de zoom requis, mais il n'y a toujours pas d'échelle nécessaire.