0

ウィンドウの高さと幅を使用して、ヘッダーの幅と高さを動的に計算する必要があります。

問題は、16 ピクセルでサイズが小さくなることです。その理由はわかりません。

これは私が期待するものです:

  1. 幅の高さ: 929、幅の幅: 1280
  2. body_height: 929 - 上 - 下 - 境界 (上 1 ピクセル、下 1 ピクセル) = 727
  3. body_width: 1280 - 左 - 右 - 境界 (左 1 ピクセル、右 1 ピクセル) = 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

これはおそらく、外側の幅と高さを取得する必要があるためです。

見る:

パディング、ボーダー、最終的にはマージンのため。

于 2013-01-10T12:39:16.843 に答える
0

試してみてください:

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