2014.10.10网页自适应

屏幕的宽度

<script>var div = document.querySelector("div")console.log('//div体的宽高clientWidth')console.log(div.clientWidth)         //document.body.clientWidth    console.log(div.clientHeight)        //document.body.clientHeightconsole.log('//div体的宽高(包括border)offsetWidth')console.log(div.offsetWidth) //document.body.offsetWidthconsole.log(div.offsetHeight)//document.body.offsetHeightconsole.log('//正文全文宽高document.body.scrollWidth')console.log(document.body.scrollWidth) //document.body.clientWidth  console.log(document.body.scrollHeight)//document.body.clientHeightconsole.log(div.scrollWidth) //不包含borderconsole.log('//卷去的高度')console.log(document.body.scrollTop) console.log(document.body.scrollLeft)console.log(div.scrollTop) //需要div内部有滑块//screen-------------------------------------------------------------------------------------console.log('//屏幕的宽高window.screen.width')console.log(window.screen.width)console.log(window.screen.height)console.log('//屏幕可用工作区高度---减去任务栏')console.log(window.screen.availWidth )console.log(window.screen.availHeight )</script>