使用JavaScript动态实现分辨率

在HTML页面里面的DIV总是根据不同的分辨率弄的乱七八糟的。。
如何用JS去自动获得本机的分辨率来调整窗体
请给出详细代码。

解决方案 »

  1.   

    你把BODY定死就不会出现这种问题了
      

  2.   

    screen.width  获取屏幕分辩率的宽度
    screen.height 获取屏幕高度
    你可以根据这个来设置div的大小
      

  3.   


    我以前是设计两个布局页面来适应不同的分辨率<html><body><script language="Javascript">
    <!-- 
    if(screen.width == "800")
    { 
    location="page1.htm"
    } 
    else
    {
    location="page2.htm"
    }
    //-->
    </script></body></html>
    但是现在有些不可取,增加了维护负担,
    建议这么搞,在一个页面载入完毕后再运行这个逻辑,来调用不同的.css文件, 然后就是写两个以上css了,当然你要把所有的界面控制都写在css里面.
    否则的话你还是在设计的时候多用百分比,少用绝对高宽吧!当然你也可以只把那些有分辨"争议"的属性写在css里面!来切换!
      

  4.   

    网页可见区域宽：document.body.clientWidth 
    网页可见区域高：document.body.clientHeight 
    网页可见区域宽：document.body.offsetWidth (包括边线的宽) 
    网页可见区域高：document.body.offsetHeight (包括边线的宽) 
    网页正文全文宽：document.body.scrollWidth 
    网页正文全文高：document.body.scrollHeight 
    网页被卷去的高：document.body.scrollTop 
    网页被卷去的左：document.body.scrollLeft 
    网页正文部分上：window.screenTop 
    网页正文部分左：window.screenLeft 
    屏幕分辨率的高：window.screen.height 
    屏幕分辨率的宽：window.screen.width 
    屏幕可用工作区高度：window.screen.availHeight 
    屏幕可用工作区宽度：window.screen.availWidth希望对楼主有用
      

  5.   

    重写CSS。尽量使用百分比
    用JS算出不同分辨率下长宽。动态改变布局。