草庐IT

Viewport-units

全部标签

jquery $(window).width() 和 $(window).height() 在未调整视口(viewport)大小时返回不同的值

我正在使用jquery编写一个站点,该站点重复调用$(window).width()和$(window).height()来根据元素定位和调整大小在视口(viewport)大小上。在故障排除中,我发现当视口(viewport)未调整大小时,重复调用上述jquery函数时,我得到的视口(viewport)大小报告略有不同。想知道是否有任何特殊情况有人知道这种情况何时发生,或者这是否就是这样。看起来,报告的尺寸差异为20像素或更小。它发生在MacOSX10.6.2上的Safari4.0.4、Firefox3.6.2和Chrome5.0.342.7beta中。我还没有测试其他浏览器,因为它似

jquery $(window).width() 和 $(window).height() 在未调整视口(viewport)大小时返回不同的值

我正在使用jquery编写一个站点,该站点重复调用$(window).width()和$(window).height()来根据元素定位和调整大小在视口(viewport)大小上。在故障排除中,我发现当视口(viewport)未调整大小时,重复调用上述jquery函数时,我得到的视口(viewport)大小报告略有不同。想知道是否有任何特殊情况有人知道这种情况何时发生,或者这是否就是这样。看起来,报告的尺寸差异为20像素或更小。它发生在MacOSX10.6.2上的Safari4.0.4、Firefox3.6.2和Chrome5.0.342.7beta中。我还没有测试其他浏览器,因为它似

jquery - 使用 jQuery 获取视口(viewport)的大小

如何使用jQuery确定浏览器视口(viewport)的大小,并在调整页面大小时重新检测它?我需要在这个空间中制作一个IFRAME大小(每个边距都有一点)。对于那些不知道的人,浏览器视口(viewport)不是文档/页面的大小。它是滚动前窗口的可见大小。 最佳答案 获取视口(viewport)的宽度和高度:varviewportWidth=$(window).width();varviewportHeight=$(window).height();页面的resize事件:$(window).resize(function(){});

jquery - 使用 jQuery 获取视口(viewport)的大小

如何使用jQuery确定浏览器视口(viewport)的大小,并在调整页面大小时重新检测它?我需要在这个空间中制作一个IFRAME大小(每个边距都有一点)。对于那些不知道的人,浏览器视口(viewport)不是文档/页面的大小。它是滚动前窗口的可见大小。 最佳答案 获取视口(viewport)的宽度和高度:varviewportWidth=$(window).width();varviewportHeight=$(window).height();页面的resize事件:$(window).resize(function(){});

javascript - 谷歌地图 V3 : Only show markers in viewport - Clear markers issue

我喜欢使用Googlemap创建可以处理大量标记(超过10,000个)的map。为了不减慢map速度,我创建了一个XML文件,它只输出当前视口(viewport)内的标记。首先,我使用initialize()来设置map选项:functioninitialize(){varmyLatlng=newgoogle.maps.LatLng(51.25503952021694,3.27392578125);varmyOptions={zoom:8,center:myLatlng,mapTypeId:google.maps.MapTypeId.ROADMAP}varmap=newgoogle.m

javascript - 谷歌地图 V3 : Only show markers in viewport - Clear markers issue

我喜欢使用Googlemap创建可以处理大量标记(超过10,000个)的map。为了不减慢map速度,我创建了一个XML文件,它只输出当前视口(viewport)内的标记。首先,我使用initialize()来设置map选项:functioninitialize(){varmyLatlng=newgoogle.maps.LatLng(51.25503952021694,3.27392578125);varmyOptions={zoom:8,center:myLatlng,mapTypeId:google.maps.MapTypeId.ROADMAP}varmap=newgoogle.m

javascript - 什么是 HTML 中的视口(viewport)。

HTML中的视口(viewport)是什么?您能否举例说明如何访问视口(viewport)详细信息? 最佳答案 视口(viewport)是网页中用户当前可以看到的部分。滚动条移动视口(viewport)以显示页面的其他部分。Followthisarticle'sinstructionstogettheviewportdimensionsinJavascript.if(typeofwindow.innerWidth!='undefined'){viewportwidth=window.innerWidth,viewportheight

javascript - 什么是 HTML 中的视口(viewport)。

HTML中的视口(viewport)是什么?您能否举例说明如何访问视口(viewport)详细信息? 最佳答案 视口(viewport)是网页中用户当前可以看到的部分。滚动条移动视口(viewport)以显示页面的其他部分。Followthisarticle'sinstructionstogettheviewportdimensionsinJavascript.if(typeofwindow.innerWidth!='undefined'){viewportwidth=window.innerWidth,viewportheight

javascript - 以跨浏览器的方式找到视口(viewport)的确切高度和宽度(无原型(prototype)/jQuery)

我试图找到浏览器视口(viewport)的确切高度和宽度,但我怀疑Mozilla或IE给我的数字有误。这是我的高度方法:varviewportHeight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;我还没有开始研究宽度,但我猜它会是类似的东西。是否有更正确的获取此信息的方法?理想情况下,我希望该解决方案也适用于Safari/Chrome/其他浏览器。 最佳答案 你可以试试这个:functiongetVie

javascript - 以跨浏览器的方式找到视口(viewport)的确切高度和宽度(无原型(prototype)/jQuery)

我试图找到浏览器视口(viewport)的确切高度和宽度,但我怀疑Mozilla或IE给我的数字有误。这是我的高度方法:varviewportHeight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;我还没有开始研究宽度,但我猜它会是类似的东西。是否有更正确的获取此信息的方法?理想情况下,我希望该解决方案也适用于Safari/Chrome/其他浏览器。 最佳答案 你可以试试这个:functiongetVie