Question

我在网站右侧有一个大约200像素宽的大小div。

就像Facebook聊天框提供了最近的时间表。

以下是我用来调整html div

的代码

$(document).ready(function()
{
    $("#right_timeline_div").css("width", $(window).width() - 1200);
});
$(window).resize(function()
{
    $("#right_timeline_div").css("width", $(window).width() - 1200);
});

我的代码只缩小了div的某个大小。

我想在浏览器缩小尺寸时更改div宽度大小。

假设浏览器宽度为1200px，那么我想用jquery减小右侧边栏的大小。

我从这里尝试了很多方法，但它没有用。

感谢您阅读我的问题，希望这能帮助其他像我一样有问题的观众。

Answer 1

尝试在

中添加px

var newSize = $(window).width() - 1200;
$("#right_timeline_div").css("width", newSize + 'px');

或：

$("#right_timeline_div").width(newSize);

因此...

$(document).ready(function(){Resize_right_timeline();});
$(window).resize(function(){Resize_right_timeline();});

functiuon Resize_right_timeline(){
    var newSize = $(window).width() - 1200;
    $("#right_timeline_div").css("width", newSize + 'px');
    //                        Add This---------------^

    //OR:
   //$("#right_timeline_div").width(newSize);
}

使用jquery调整div宽度大小

1 个答案: