情况是这样的,现在的显示器越来越大,分辨率越来越高,但是还有很多人在用以前的显示器,那么我的这个系统是个办公系统,主登陆页面背景是个公司创意背景图,分辨率是1440*900但是20多寸的显示器分辨率高,小的又显示不全,大的会出现两边空白的现象,不知道我描述的大家理解没,可能我说的不是很好,但是意思我想做过WEB开发的都应该知道了,能谁帮我出个主意怎么解决这个问题啊

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="js/jquery.js"></script>    <script type="text/javascript">
            $(function($) {
                     var height = $(window).height();
                     var width = $(window).width();
                    var cssObj = {
                        'height' : height,
                        'width' : width
                    }
                    $("#bgImg img").css(cssObj);
                    $("#bgImg").show();
            });    </script></head>
    <body>
    <div id="bgImg" style="display: none; position: absolute; z-index: -999;"><img src="images/bg.jpg" alt=""></div>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    Fucking Man!!!  <br>
    </body>
    </html>抛砖引玉~  很多地方需要优化,  可以自己 思考一下!!