تعلمت اليوم تأثير التحجيم الكلي لصفحات ويب صندوق البريد QQ.
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8" />
<meta name = "viewport" content = "width = width device ، scale = 1 ، maximum-scale = 1 ، ackalable = no"
<title> صفحة الاختبار </title>
<type type = "text/css">
ديف {
العرض: 600 بكسل ؛
محاذاة النص: المركز ؛
حجم الخط: 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>
<body>
<viv> حاول تغيير حجم النافذة ، ماذا ستجد؟ </div>
</body>
</html>