如何解决ie 谷歌 火狐下浏览器 $(window).width()宽度差异,ie下各个版本还不同,有什么好解决办法吗?

如何解决ie 谷歌 火狐下浏览器 $(window).width()宽度差异,ie下各个版本还不同,有什么好解决办法吗?

解决方案 »

  1.   

    $(window).width();   // returns width of browser viewport
    $(document).width(); // returns width of HTML documentjquery已经解决了各浏览器的差异，关键是你要取哪个值
      

  2.   

    $(window).width(); 可视宽度为什么不同呢?
      

  3.   

    不可能吧，你用的什么浏览器，我测试的值都一样(IE10,FF,chome,opera).只有maxthon比上面的浏览器多2px
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
    <title>无标题文档</title>
    </head><body>
            <script type="text/javascript">
      $(function() {
    alert($(window).width());
    });
            </script>
    </body>
    </html>
      

  4.   

    各浏览器的计算方式可能各异,但其返回值应用是没问题的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
    <title>无标题文档</title>
    <style type="text/css">
    body{margin:0;padding:0;}
    #bg{background-color:#F00;height:600px;margin:0;padding:0;}
    </style>
    </head><body>
    <div id="bg">this is demo</div>
            <script type="text/javascript">
      $(function() {
    var w=parseInt($(window).width());
    $('#bg').css({'width':w+'px'});
    });
            </script>
    </body>
    </html>
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="__PUBLIC__/Js/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>