WEB前端:jQuery实现根据浏览器宽高实时修改指定元素宽高

首先,先获取前提,前提条件即为:当浏览器宽高发生改变时。$(window).resize()随后,调用函数进行处理$(window).resize(function(){})在函数中先获取当前宽高var width = $(window).width() var height = $(window).height()一定要在函数中获取,如果在函数外,则获取到的就不是当前被resize后的值了届时,就可以直接赋值了$("***

首先,先获取前提,前提条件即为:当浏览器宽高发生改变时。

$(window).resize()

随后,调用函数进行处理

$(window).resize(function(){})

在函数中先获取当前宽高

var width = $(window).width()
var height = $(window).height()

一定要在函数中获取,如果在函数外,则获取到的就不是当前被resize后的值了

届时,就可以直接赋值了

$("***").css("width",width)
$("***").css("height",height)

至此,设置结束。

附上整体代码

$(widow).resize(function(){
    var width = $(widow).width()
    var height = $(widow).height()
    $("***").css("width",width)
    $("***").css("height",height)
})


评论