如何根据分辨率动态调整margin-left的值？

如何根据分辨率动态调整margin-left的值？如1024*768 他的值是100px;而是900*600的时候是：50px.先谢谢了

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <script>
    function init(){
      var w=screen.width;
      var h=screen.height;
      var type=w+'*'+h;
      switch (type){
        case '1024*768':document.body.style.marginLeft="100px";break;
        case '800*600':document.body.style.marginLeft="50px";break;
        case '1152*864':document.body.style.marginLeft="150px";break;
      }
    }
    window.onload=init;
    </script>
    </HEAD>
    <BODY>
    body内容
    </BODY>
    </HTML>