想在页面变动的时候动态添加一些元素,以动态填充页面调整后容器尾部出现的空缺。但是利用jquery完成逻辑之后,发现与实际页面宽度有点儿对不上,明明要求在宽度小于992px时才执行的元素,宽度为1006px的时候已经开始执行了,这就导致了页面的错排。检测了一下,发现问题在于jquery $(window).width()
获取的是视口宽度(不包括滚动条),而 CSS 媒体查询使用的是window.innerWidth`(包括了滚动条的宽度)。
关于jquery获取页面宽度的width()函数
移动端可扫我直达哦~
本文作者:Alphonse
本文链接:关于jquery获取页面宽度的width()函数 - https://www.abddb.com/jquery_function_width.html
版权声明:如博文中无特别声明,即为站长原创文章,仅代表个人观点,版权归 小鸟数据 所有,如需转载,烦请注明出处!