0

我需要使用窗口的高度和宽度以动态方式计算标题的宽度和高度。

问题是它们变小了 16 像素，我不知道为什么。

这是我期望得到的：

  1. w_height: 929, w_width: 1280
  2. body_height: 929 - 顶部 - 底部 - 边框（1px 顶部，1px 底部）= 727
  3. body_width: 1280 - 左 - 右 - 边框（1px 左，1px 右）= 878

这就是我得到的：

  1. 身体高度：711
  2. 身体宽度：867

你能告诉我如何解决这个问题以及为什么会发生这种情况吗？谢谢你。

<html>
    <head>
        <title>Dancing Web</title>
        <!--<link rel="stylesheet" href="css/index.css" />-->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <style>
        body{
            position:absolute;
            top: 100px;
            left: 200px;
            right: 200px;
            bottom: 100px;  
        }
        figure{
            margin:0;
            padding:0;
        }

        .solid_border{
            border: 1px solid green;
        }
        </style>
    </head>
    <body class="solid_border">
        <header>

            <figure >

            </figure>
            <nav>

            </nav>
        </header>       
        <script type="text/javascript">
            $(document).ready(function(){          
                alert($(window).height() +', '+$(window).width());
                alert($('body').css('height') +', '+$('body').css('width'));        
            });
        </script>
    </body> 

</html>
4

2 回答 2

0

你应该试试：

alert($(window).outerHeight() +', '+$(window).outerWidth());
于 2013-01-10T12:37:25.747 回答
0

这可能是因为您应该获得外部宽度和高度。

看：

因为填充，边框，最终是边距。

于 2013-01-10T12:39:16.843 回答