Aujourd'hui, j'ai appris l'effet de mise à l'échelle globale des pages Web de la boîte aux lettres QQ.
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<meta charset = "utf-8" />
<meta name = "Viewport" content = "width = device-width, initial-scale = 1, maximum-scale = 1, user-échec = no">
<Title> Page de test </TITME>
<style type = "text / css">
div {
Largeur: 600px;
Texte-aligne: Centre;
taille de police: 4EM;
Couleur: # 333;
}
</ style>
<script type = "text / javascript" src = "http://code.jquery.com/jquery-1.11.0.js"> </ script>
<script type = "text / javascript">
$ (function () {
var r = document.body.offsetwidth / window.screen.availwidth;
$ (document.body) .css ("- webkit-transform", "échelle (" + r + ")");
});
$ (fenêtre) .resize (function () {
var r = document.body.offsetwidth / window.screen.availwidth;
$ (document.body) .css ("- webkit-transform", "échelle (" + r + ")");
});
</cript>
</ head>
<body>
<v> Essayez de modifier la taille de la fenêtre, que trouverez-vous? </div>
</docy>
</html>