如何在当前屏幕和调整大小时检测窗口大小/视口?

时间:2013-10-11 21:54:48

标签: jquery jquery-plugins responsive-design

我处于响应式设计中,所以我需要一个jquery插件来检测实时窗口视口!

我也使用respone.js下面的javascript代码

console.log(Response.viewportW());

我得到的结果是:1280,所以当我调整窗口大小时,值仍然相同,当我只刷新窗口时这会改变。

我需要一个jquery插件检测当前视口时调整大小!并在javascript页面的任何地方调用它!例如:var $winWidth = Response.viewportW(),$ winWidth自动检测窗口宽度!

例如这个网站http://responsejs.com/labs/dimensions/,您可以看到$(window).width()实时输出,显示1263,当您调整窗口大小时,值实时更改!

感谢您的帮助!我的英语不好!!最好的问候

1 个答案:

答案 0 :(得分:0)

没有插件,这将是

$(window).resize(function(){
console.log($(window).width())
})

使用插件。请看一下文档

http://responsejs.com/#api

这是一个例子

http://jsfiddle.net/kppn6/1/