Un ami a laissé un message disant qu'il avait besoin d'un code local pour JS pour implémenter l'adaptabilité d'écran. Je l'ai compilé ici et je l'ai posté pour tout le monde.
La copie de code est la suivante:
<! doctype html>
<html>
<adal>
<meta charset = "utf-8">
<Title> UNT intitulé Document </Title>
<style>
* {
marge: 0;
rembourrage: 0;
Style de liste: aucun;
}
div {
marge: 0 auto;
Hauteur: 10000px;
largeur min: 880px;
largeur maximale: 1100px;
Contexte: # 060;
Clear: les deux;
}
ul {}
li {
flottant: à gauche;
Affichage: en ligne;
Largeur: 198px;
taille: 198px;
Border: 1px solide #ccc;
marge: 10px;
}
</ style>
</ head>
<body>
<div id = "main">
<ul>
<li> 111111111111 </li>
<li> 2222222222222 </li>
<li> 333333333333 </li>
<li> 4444444444444 </li>
<li> 55555555555555 </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>
<cript>
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";
else if (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";
else if (winwidth> = 1100)
document.getElementById ("main"). style.width = "1100px";
}
</cript>
</docy>
</html>
Essayons-le, l'effet est-il très bon? J'espère que tout le monde aime ça.