Javascript css（）未设置高度和宽度

我试图通过jQuery

.css（）

提供容器元素的高度和宽度，但我的代码将其设置为窗口高度和宽度。有人能告诉我为什么代码不起作用吗

代码如下：

$(document).ready(function () {
    var H = $(window).height();
    var W = $(window).width();
    var h = W / 1.625;
    var w = H * 1.625;
    if (w > W) {
        $("#container").css("height", h + 'px').css("maxWidth", W + 'px;');
    else {
        $('#container').css("maxHeight", H + 'px').css("width", w + 'px;');
    }
});

---

if语句缺少一个

}

，因此从一开始就不起作用。更改：

if(w>W)  
{
    $("#container").css("height", h+'px').css("maxWidth", W+'px;');
    else
        ...

致：

同样，当您设置多个CSS属性时，您可以将这些属性作为对象传入，将这些属性合并为一个CSS方法：

if (w>W) 
{
    $("#container").css({height:h, maxWidth:w});
}
...

---

jQuery在大多数情况下为您整理

px

。有关更多信息，请参见jQuery.：）

您的if语句缺少一个

}

，因此首先不起作用。更改：

if(w>W)  
{
    $("#container").css("height", h+'px').css("maxWidth", W+'px;');
    else
        ...

致：

另外，在设置多个CSS属性时，可以通过将属性作为对象传入，将这些属性组合到一个CSS方法中：

if (w>W) 
{
    $("#container").css({height:h, maxWidth:w});
}
...

---

jQuery在大多数情况下为您整理

px

。有关更多信息，请参见jQuery.：）

您在

if

上缺少一个右括号

}

，因此您的代码应该如下所示：

if (w > W) {
    $("#container").css("height", h + 'px').css("maxWidth", W + 'px;');  
}
else {
    $('#container').css("maxHeight", H + 'px').css("width", w + 'px;');
}

您可以通过将css属性作为对象的一部分传递来提高代码的可读性，而不是通过链接，因为当您将它们作为对象传递时，添加许多属性非常有用

if (w > W) {
    $("#container").css({
         "height": h + 'px', 
         "max-width": W + 'px'
    });  
}
else {
    $("#container").css({
         "max-height": H + 'px', 
         "width": w + 'px'
    });
}

---

如果

if

上缺少一个右括号

}

，那么代码应该如下所示：

if (w > W) {
    $("#container").css("height", h + 'px').css("maxWidth", W + 'px;');  
}
else {
    $('#container').css("maxHeight", H + 'px').css("width", w + 'px;');
}

您可以通过将css属性作为对象的一部分传递来提高代码的可读性，而不是通过链接，因为当您将它们作为对象传递时，添加许多属性非常有用

if (w > W) {
    $("#container").css({
         "height": h + 'px', 
         "max-width": W + 'px'
    });  
}
else {
    $("#container").css({
         "max-height": H + 'px', 
         "width": w + 'px'
    });
}

---

这还取决于您为

#容器设置的显示属性。另外，您的代码有错误。请使用firefox的firebug扩展。这是一个很好的工具，可以观察页面上正在发生的事情。不需要时，不要在这样的链中调用
.css（）
；在一次调用中使用两个参数调用它，如下所示：
.css（{height:h+'px'，maxWidth:W+'px}）
容器是块元素吗？可能的问题：在
'px；'中的分号。这里不需要分号。这还取决于您为
#container
设置的显示属性。另外，您的代码有错误。请使用firefox的firebug扩展。这是一个很好的工具，可以观察页面上正在发生的事情。不需要时，不要在这样的链中调用
.css（）
；在一次调用中使用两个参数调用它，如下所示：
.css（{height:h+'px'，maxWidth:W+'px}）
容器是块元素吗？可能的问题：在
'px；'中的分号。这里不需要分号。感谢您的帮助，但不知何故，多个CSS属性作为未知标记导致错误，问题是“；”以及我通过一些尝试和错误最终解决的大括号。感谢您的帮助，但不知何故，多个CSS属性作为未知标记导致错误，问题是“；”我通过一些尝试和错误最终找到了支架。