0

私が取り組んでいるプロジェクトの DIV で 100% [window] の高さを達成しようとしています。デスクトップでは問題なく動作しますが、iPhone 4 または Android フォンを使用してロードしようとすると、最初の div が 100% のように見えます。ただし、後続の各 DIV は約 50 ピクセル (推定値) 短いように見えます。

次のようにしてcssを介して設定しようとしました：

<!DOCTYPE html>
<head>
<style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;

    div#container {
        width: 100%;
        height: 100%;
    }

    div#section1 {
        width: 100%;
        height: 100%;
        background-color: blue;
    }

    div#section2 {
        width: 100%;
        height: 100%;
        background-color: red;
    }
</style>
</head>
<body>
    <div id="container>
        <div id="section1">
            . . .
        </div>
        <div id="section2">
            . . .
        </div>
    </div>
</body>
</html>

また、次のようなものを使用して、jQueryでjavascriptを介して設定しようとしました:

var browser_width = $(window).width();
var browser_height = $(window).height();

$(document).ready(function(){
    $("#section1, #section2").css("width", browser_width, "height", browser_height);
});

ただし、CSS と同じように動作します。誰かが私を正しい方向に向けることができますか?

4

1 に答える 1

0

.css()スクリプトのメソッドに正しい形式を設定する必要があります

$(document).ready(function(){
  $("#section1, #section2").css({
     "width" : browser_width, 
     "height" : browser_height
   }); //css
});

更新: また、最初の css 宣言を閉じるのを忘れていることに気付きました

html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;

...閉じ括弧}がありません。

サイドノートhtml：予期しない結果を避けるために、および/またはタグにディメンションプロパティを設定しませんbody...自分が何をしているのかわからない限り

于 2012-11-12T00:12:12.420 に答える