Um amigo deixou uma mensagem dizendo que precisava de um código local para o JS implementar a adaptabilidade da tela. Eu o compilei aqui e o publiquei para todos.
A cópia do código é a seguinte:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> unt intitulado Documento </title>
<estilo>
*{
margem: 0;
preenchimento: 0;
estilo de lista: nenhum;
}
div {
margem: 0 automático;
Altura: 10000px;
Min-lar: 880px;
MAX-LUDA: 1100px;
Antecedentes:#060;
claro: ambos;
}
ul {}
li {
flutuar: esquerda;
exibição: embutido;
Largura: 198px;
Altura: 198px;
borda: 1px sólido #ccc;
margem: 10px;
}
</style>
</head>
<Body>
<div id = "main">
<ul>
<li> 1111111111111 </li>
<li> 22222222222222 </li>
<li> 33333333333333 </li>
<li> 4444444444444 </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>
<Cript>
var winwidth;
window.onload = function () {
if (window.innerwidth)
winWidth = window.innerwidth;
caso contrário, if ((document.body) && (document.body.clientwidth))
winWidth = document.body.clientWidth;
if (winwidth <= 1100)
document.getElementById ("main"). style.width = "880px";
caso contrário, se (WinWidth> = 1100)
document.getElementById ("main"). style.width = "1100px";
}
window.onResize = function () {
if (window.innerwidth)
winWidth = window.innerwidth;
caso contrário, if ((document.body) && (document.body.clientwidth))
winWidth = document.body.clientWidth;
if (winwidth <= 1100)
document.getElementById ("main"). style.width = "880px";
caso contrário, se (WinWidth> = 1100)
document.getElementById ("main"). style.width = "1100px";
}
</script>
</body>
</html>
Vamos experimentar, o efeito é muito bom? Espero que todos gostem.