เพื่อนทิ้งข้อความไว้ว่าเขาต้องการรหัสท้องถิ่นสำหรับ JS เพื่อใช้การปรับตัวของหน้าจอ ฉันได้รวบรวมไว้ที่นี่และโพสต์ไว้สำหรับทุกคน
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<tite> เอกสารชื่อ UNT </title>
<style>
-
มาร์จิ้น: 0;
Padding: 0;
รายการสไตล์: ไม่มี;
-
Div {
มาร์จิ้น: 0 อัตโนมัติ;
ความสูง: 10,000px;
ความกว้างขั้นต่ำ: 880px;
ความกว้างสูงสุด: 1100px;
ความเป็นมา:#060;
ชัดเจน: ทั้งสอง;
-
ul {}
หลี่ {
ลอย: ซ้าย;
แสดง: อินไลน์;
ความกว้าง: 198px;
ความสูง: 198px;
ชายแดน: 1px Solid #CCC;
มาร์จิ้น: 10px;
-
</style>
</head>
<body>
<div id = "main">
<ul>
<li> 1111111111111 </li>
<li> 22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222220
<li> 33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333
<li> 444444444444443 </li>
<li> 555555555555 </li>
<li> 6666666666 </li>
<li> 7777777777777777 </li>
<li> 88888888888888 </li>
<li> 9999999999 </li>
<li> 0000000000000 </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</div>
<script>
var winwidth;
window.onload = function () {
if (window.innerWidth)
winwidth = window.innerWidth;
อื่นถ้า ((document.body) && (document.body.clientwidth)))
winWidth = document.body.clientwidth;
if (winwidth <= 1100)
document.getElementById ("หลัก"). style.width = "880px";
อื่นถ้า (winwidth> = 1100)
document.getElementById ("หลัก"). style.width = "1100px";
-
window.onresize = function () {
if (window.innerWidth)
winwidth = window.innerWidth;
อื่นถ้า ((document.body) && (document.body.clientwidth)))
winWidth = document.body.clientwidth;
if (winwidth <= 1100)
document.getElementById ("หลัก"). style.width = "880px";
อื่นถ้า (winwidth> = 1100)
document.getElementById ("หลัก"). style.width = "1100px";
-
</script>
</body>
</html>
ลองดูกันว่าเอฟเฟกต์ดีมากหรือไม่? ฉันหวังว่าทุกคนจะชอบมัน