Seorang teman meninggalkan pesan yang mengatakan bahwa ia membutuhkan kode lokal untuk JS untuk menerapkan kemampuan beradaptasi layar. Saya telah menyusunnya di sini dan mempostingnya untuk semua orang.
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<title> unt judul dokumen </iteme>
<tyle>
*{
Margin: 0;
Padding: 0;
List-style: tidak ada;
}
Div {
margin: 0 otomatis;
Tinggi: 10000px;
Min-lebar: 880px;
Max-Width: 1100px;
Latar Belakang:#060;
jelas: keduanya;
}
ul {}
Li {
float: kiri;
Tampilan: inline;
Lebar: 198px;
Tinggi: 198px;
Perbatasan: 1px solid #ccc;
margin: 10px;
}
</tyle>
</head>
<body>
<Div id = "Main">
<ul>
<li> 1111111111111 </li>
<li> 2222222222222 </li>
<li> 33333333333333 </li>
<li> 44444444444444 </li>
<li> 5555555555555 </li>
<li> 6666666666 </li>
<li> 77777777777777777 </li>
<li> 88888888888888888 </li>
<li> 99999999999 </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;
else if ((document.body) && (document.body.clientwidth)))
winwidth = document.body.clientwidth;
if (winwidth <= 1100)
document.geteLementById ("main"). style.width = "880px";
lain jika (winwidth> = 1100)
document.geteLementById ("main"). style.width = "1100px";
}
window.onresize = function () {
if (window.innerwidth)
winwidth = window.innerwidth;
else if ((document.body) && (document.body.clientwidth)))
winwidth = document.body.clientwidth;
if (winwidth <= 1100)
document.geteLementById ("main"). style.width = "880px";
lain jika (winwidth> = 1100)
document.geteLementById ("main"). style.width = "1100px";
}
</script>
</body>
</html>
Mari kita coba, apakah efeknya sangat bagus? Saya harap semua orang menyukainya.