Un amigo dejó un mensaje que decía que necesitaba un código local para JS para implementar la adaptabilidad de la pantalla. Lo he compilado aquí y lo publiqué para todos.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> un documento titulado </title>
<estilo>
*{
margen: 0;
relleno: 0;
Estilo de lista: Ninguno;
}
div {
margen: 0 auto;
Altura: 10000px;
Min-Width: 880px;
MAX-WIDTH: 1100PX;
Antecedentes:#060;
claro: ambos;
}
UL {}
li {
flotante: izquierda;
Pantalla: en línea;
Ancho: 198px;
Altura: 198px;
borde: 1px sólido #ccc;
margen: 10px;
}
</style>
</ablo>
<Body>
<div id = "main">
<ul>
<li> 1111111111111 </li>
<li> 22222222222222 </li>
<li> 33333333333333 </li>
<li> 4444444444444 </li>
<li> 55555555555555 </li>
<li> 66666666666 </li>
<li> 777777777777777777 </li>
<li> 88888888888888888 </li>
<li> 999999999999 </li>
<li> 000000000000000 </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";
más 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";
más if (winWidth> = 1100)
document.getElementById ("main"). style.width = "1100px";
}
</script>
</body>
</html>
Vamos a probarlo, ¿es muy bueno el efecto? Espero que a todos les guste.