วันนี้ฉันได้เรียนรู้เกี่ยวกับเอฟเฟกต์การปรับขนาดโดยรวมของหน้าเว็บจดหมาย QQ
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8" />
<meta name = "viewport" content = "width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1, ระดับสูงสุด = 1, ผู้ใช้-scalable = no">>
<title> หน้าทดสอบ </title>
<style type = "text/css">
Div {
ความกว้าง: 600px;
TEXT-ALIGN: CENTER;
ขนาดตัวอักษร: 4EM;
สี: #333;
-
</style>
<script type = "text/javascript" src = "http://code.jquery.com/jquery-1.11.0.js"> </cript>
<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>
<div> ลองเปลี่ยนขนาดหน้าต่างคุณจะหาอะไร? </div>
</body>
</html>