Hoje, aprendi sobre o efeito geral de escala das páginas da Web da caixa de correio QQ.
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8" />
<meta name = "viewport" content = "largura = largura do dispositivo, escala inicial = 1, escala máxima = 1, scalable = no">
<title> Página de teste </title>
<style type = "text/css">
div {
Largura: 600px;
Alinhamento de texto: centro;
Size da fonte: 4em;
Cor: #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 + ")");
});
$ (janela) .Resize (function () {
var r = document.body.offsetWidth / window.screen.availwidth;
$ (document.body) .css ("-webkit-transform", "escala (" + r + ")");
});
</script>
</head>
<Body>
<div> Tente alterar o tamanho da janela, o que você encontrará? </div>
</body>
</html>