Друг оставил сообщение, в котором говорилось, что ему нужен локальный код для JS для реализации адаптивности экрана. Я собрал его здесь и опубликовал для всех.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<title> unt назвал документ </title>
<style>
*{
поля: 0;
Заполнение: 0;
Список стиля: нет;
}
div {
Поле: 0 Авто;
Высота: 10000px;
Мин-ширина: 880px;
максимальная ширина: 1100px;
Фон:#060;
ясно: оба;
}
уль {}
li {
Плавание: осталось;
дисплей: inline;
Ширина: 198px;
Высота: 198px;
Граница: 1PX SOLID #CCC;
Маржа: 10px;
}
</style>
</head>
<тело>
<div id = "main">
<ul>
<li> 1111111111111 </li>
<li> 22222222222222 </li>
<li> 33333333333333 </li>
<li> 44444444444444 </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>
<Скрипт>
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";
иначе 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";
иначе if (winwidth> = 1100)
document.getElementbyId ("main"). style.width = "1100px";
}
</script>
</body>
</html>
Давайте попробуем, эффект очень хороший? Я надеюсь, что всем понравится.