Сегодня я узнал об общем эффекте масштабирования веб -страниц почтового ящика QQ.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8" />
<meta name = "viewport" content = "width = width устройства, начальная масштаба = 1, максимальная масштаба = 1, пользовательский шкалевый = нет">
<title> Тестовая страница </title>
<стиль типа = "text/css">
div {
Ширина: 600px;
Текст-альбом: Центр;
размер шрифта: 4EM;
Цвет: #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 + ")");
});
$ (window) .resize (function () {
var r = document.body.offsetwidth / window.screen.availWidth;
$ (document.body) .css ("-webkit-transform", "Scale (" + r + ")");
});
</script>
</head>
<тело>
<div> Попробуйте изменить размер окна, что вы найдете? </div>
</body>
</html>