js implementiert bildschirmadaptive Teilcode-Sharing_Javascript-Fähigkeiten

Einige Freunde haben eine Nachricht hinterlassen, dass sie einen JS-Code benötigen, um eine teilweise Bildschirmanpassung zu implementieren. Ich habe ihn hier kurz zusammengestellt und für alle freigegeben.

Code kopieren Der Code lautet wie folgt:

*{
Rand:0;
Polsterung:0;
Listenstil:none;
}
div{
margin:0 auto;
Höhe:10000px;
Mindestbreite: 880 Pixel;
max-width:1100px;
Hintergrund:#060;
klar:beide;
}
ul{}
li{
float:left;
display:inline;
Breite:198px;
Höhe:198px;
border:1px solid #ccc;
margin:10px;
}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

<script><br> var winWidth;<br> window.onload=function(){<br> if (window.innerWidth)<br> winWidth = window.innerWidth;<br> sonst wenn ((document.body) && (document.body.clientWidth))<br> winWidth = document.body.clientWidth;<br> if(winWidth<=1100)<br /> document.getElementById("main").style.width="880px";<br /> sonst if(winWidth>=1100)<br> document.getElementById("main").style.width="1100px";<br> }<br> window.onresize=function(){<br> if (window.innerWidth)<br> winWidth = window.innerWidth;<br> sonst wenn ((document.body) && (document.body.clientWidth))<br> winWidth = document.body.clientWidth;<br> if(winWidth<=1100)<br /> document.getElementById("main").style.width="880px";<br /> sonst if(winWidth>=1100)<br> document.getElementById("main").style.width="1100px";<br> }<br> </script>





Probieren Sie es aus und sehen Sie, ob es sehr gut funktioniert. Ich hoffe, es gefällt Ihnen allen.