Home > Web Front-end > JS Tutorial > body text

js implements screen adaptive partial code sharing_javascript skills

WBOY
Release: 2016-05-16 16:16:58
Original
1223 people have browsed it

Some friends left a message saying that they need a js code to implement partial screen adaptation. I have briefly compiled it here and released it for everyone.

Copy code The code is as follows:





Untitled Document





                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       


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





Try it and see if it works very well. I hope you all like it.
Related labels:
js
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template