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.
Unbenanntes Dokument
*{
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.
