Hoy aprendí sobre el efecto de escala general de las páginas web del buzón QQ.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8" />
<meta name = "viewport" content = "width = dispositivo-width, inicial-escala = 1, máxima escala = 1, user-escalable = no">
<title> Página de prueba </title>
<style type = "text/css">
div {
Ancho: 600px;
Text-Align: Center;
tamaño de fuente: 4em;
Color: #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", "escala (" + r + ")");
});
$ (ventana) .resize (function () {
var r = document.body.offsetwidth / window.screen.availwidth;
$ (document.body) .css ("-webkit-transform", "escala (" + r + ")");
});
</script>
</ablo>
<Body>
<Div> Intenta cambiar el tamaño de la ventana, ¿qué encontrarás? </div>
</body>
</html>