Ein Freund hinterließ eine Nachricht, dass er einen lokalen Code für JS benötigte, um die Bildschirmanpassungsfähigkeit zu implementieren. Ich habe es hier zusammengestellt und für alle gepostet.
Die Codekopie lautet wie folgt:
<! docType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> bis zum Titel "Dokument" </title>
<Styles>
*{{
Rand: 0;
Polsterung: 0;
Listenstil: Keine;
}
div {
Rand: 0 Auto;
Höhe: 10000px;
Min-Width: 880px;
Max-Breite: 1100px;
Hintergrund:#060;
klar: beides;
}
ul {}
li {
float: links;
Anzeige: Inline;
Breite: 198px;
Höhe: 198px;
Grenze: 1PX Solid #CCC;
Rand: 10px;
}
</style>
</head>
<body>
<div id = "main">
<ul>
<li> 1111111111111 </li>
<li> 2222222222222 </li>
<li> 3333333333333 </li>
<li> 4444444444444 </li>
<li> 5555555555555 </li>
<li> 6666666666 </li>
<li> 77777777777777777 </li>
<li> 8888888888888888 </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.innnerwidth)
winwidth = window.innnerwidth;
sonst wenn ((document.body) && (document.body.clientwidth))
winwidth = document.body.clientwidth;
if (Winwidth <= 1100)
document.getElementById ("main"). style.width = "880px";
sonst wenn (Winwidth> = 1100)
document.getElementById ("main"). style.width = "1100px";
}
window.onResize = function () {
if (window.innnerwidth)
winwidth = window.innnerwidth;
sonst wenn ((document.body) && (document.body.clientwidth))
winwidth = document.body.clientwidth;
if (Winwidth <= 1100)
document.getElementById ("main"). style.width = "880px";
sonst wenn (Winwidth> = 1100)
document.getElementById ("main"). style.width = "1100px";
}
</script>
</body>
</html>
Probieren wir es aus, ist der Effekt sehr gut? Ich hoffe, es mag alle.