编辑:没关系，找到duplicate在搜索了一个完全不相关的主题之后(有点偶然)可能是个愚蠢的问题，但我无法在任何地方找到直接的答案。视口(viewport)元标记()对桌面浏览器有任何影响吗？ 最佳答案 不，它没有。我想他们可以决定对其进行解释，但绝对不会在不久的将来和/或干扰您的网站。 关于html-Viewport会影响桌面浏览器吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questi
这在IE7或Firefox中是否可行？ 最佳答案 您可以在两者中执行-获取相对于文档的位置，然后减去滚动位置。vare=document.getElementById('xxx');varoffset={x:0,y:0};while(e){offset.x+=e.offsetLeft;offset.y+=e.offsetTop;e=e.offsetParent;}if(document.documentElement&&(document.documentElement.scrollTop||document.documentEle
考虑以下视口(viewport)元标记:页面上的内容不可缩放且移动响应。有时，我需要在其上叠加一个大图像，并允许用户捏缩放该图像。#overlay_div{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#dddddd;z-index:550000;overflow:scroll;-webkit-overflow-scrolling:touch;}目前，我知道有两种可能的选择:以编程方式更改视口(viewport)元以允许用户缩放(可能的跨浏览器影响，也会导致下面的内容缩放，这是不可取的)使用ham
我有一个在我的页面中包含不同的行数，即不同的高度:.........目前如果表格内容足够长，div会延伸到页面底部(视口(viewport))下方。我想停止延伸到页面底部以下的div，并添加一个滚动条。如果div高度固定，我可以添加滚动条overflow:scroll没问题.但我希望div高度适合用户调整其浏览器窗口的大小。有什么想法可以实现吗？如果没有表格内容，我不关心或不需要div扩展到页面底部。最好是纯css解决方案，而不是使用javascript来固定div高度。谢谢 最佳答案 带有自动溢出和一些100%欺骗的包装器怎么样。
我刚刚读了一篇nicearticleonviewport这给我留下了几个关于移动设备上的视觉视口(viewport)与布局视口(viewport)的问题。thewidthandtheheightofthelayoutviewportareequaltowhatevercanbeshownonthescreeninthemaximallyzoomed-outmode我不太明白那是什么意思。当他们说“最大缩小模式”时，这是否意味着布局视口(viewport)对于不同的HTML是不同的(而不是特定于不同的设备，如iPad、Xoom等)？其次，我创建了一个demopage测量这两个视口(vie
哪些浏览器支持此元标记？我该如何使用它？这是否意味着它将解决我所有的移动设备大小调整问题？如果有人能回答这个问题，对新手学习会有很大的帮助 最佳答案 name="viewport"的属性(property)标签iswell-supportedonmajorbrowsers.您像在上包含任何其他属性一样元素。将元素直接放在中.这取决于哪个content您提供的属性值。此标记指示浏览器对网页上的缩放值使用一些默认值，以确保您最终不会在小型设备上最初只显示页面右上角的一小部分。我建议readingsomearticlesonit或者，更好
我正在设计一个网络应用程序，我想知道我可以设计的最大尺寸(x和y)。AsofJanuary2008，大约一半的用户正在使用1024x278的屏幕，并且可能只有不到10%的用户正在使用更小的屏幕。(手机和掌上电脑用户除外。)所以我们正在设计最小屏幕尺寸为1024x768。但是，那是屏幕尺寸，当我们布置我们的内容时，我们需要知道视口(viewport)尺寸。Thereisevidence大多数用户都将浏览器最大化，但仍然必须减去操作系统装饰和浏览器镶边的空间。人们定制他们的chrome，所以没有单一的“正确”答案；我将寻求一个适合大多数用户的合理界限。我看到plentyofdesigner
我正在将监听器附加到orientationchange事件:window.addEventListener('orientationchange',function(){console.log(window.innerHeight);});我需要在orientationchange之后获取文档的高度。但是，该事件在轮换完成之前触发。因此，记录的高度反射(reflect)的是实际方位变化前的状态。如何注册一个事件，以便在完成方向更改后捕获元素尺寸？ 最佳答案 使用调整大小事件resize事件将在orientationchange之后包
我有一个svg那是在(组)，我想缩放它，然后按视口(viewport)的百分比转换它。svg中的大多数内容都允许通过数量可笑的选项来指定单位；例如px,em,%,ex,pt,pc,...然而，翻译中指定的数字似乎只是像素。问题是，如果我必须返回并重新计算翻译的像素值，那么我的svg将变得依赖于分辨率。然后我，你和每个人都会陷入一个悖论。你可以看出我为什么有点担心。http://jsbin.com/ubeqot/1/edit 最佳答案 贴上内部元素元素并将带有百分比值的x和y属性添加到内部元素来翻译它。如果您希望首先应用比例，您可以将
iPhone/iPad等移动设备的视觉视口(viewport)和布局视口(viewport)有什么区别？网上查了很多资料，还是不清楚。 最佳答案 视觉视口(viewport)是当前显示在屏幕上的页面部分。布局视口(viewport)可以比视觉视口(viewport)宽得多，并且包含出现和不出现在屏幕上的元素。将布局视口(viewport)想象成一个不会改变大小或形状的大图像。现在想象你有一个较小的框架，通过它你可以看到大图像。小框架被不透明的Material包围，除了大图像的一部分之外，您只能看到一部分。您可以透过框架看到的大图像部
