Heute habe ich den Gesamt -Skalierungseffekt von QQ -Mailbox -Webseiten erfahren.
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8" />
<meta name = "viewPort" content = "width = Gerätebidth, initial-scale = 1, Maximal-Scale = 1, Benutzer-skalierbar = no">
<title> Testseite </title>
<style type = "text/css">
div {
Breite: 600px;
Text-Align: Mitte;
Schriftgröße: 4EM;
Farbe: #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", "scale (" + r + ")");
});
$ (Fenster) .Resize (function () {
var r = document.body.offsetwidth / window.screen.availwidth;
$ (document.body) .css ("-webkit-transform", "scale (" + r + ")");
});
</script>
</head>
<body>
<Div> Versuchen Sie, die Fenstergröße zu ändern. Was werden Sie finden? </div>
</body>
</html>