Microsoft Edge处理视口高度与其他浏览器不同
Microsoft Edge是微软开发的一款网页浏览器，它在处理视口高度方面与其他浏览器存在一些差异。
视口高度是指浏览器窗口中可见页面的高度。在大多数浏览器中，包括Chrome、Firefox和Safari，视口高度可以通过JavaScript的window.innerHeight属性来获取。然而，在Microsoft Edge中，获取视口高度的方式略有不同。
在Microsoft Edge中，可以使用document.documentElement.clientHeight属性来获取视口高度。这个属性返回的值与window.innerHeight相同，都表示可见页面的高度。
这种差异可能会对开发人员在编写跨浏览器兼容性代码时产生影响。为了确保在不同浏览器中获得准确的视口高度，开发人员可以使用以下代码来获取视口高度：
var viewportHeight = window.innerHeight || document.documentElement.clientHeight;这段代码首先尝试使用window.innerHeight来获取视口高度，如果返回undefined（在Microsoft Edge之外的浏览器中可能会发生），则使用document.documentElement.clientHeight来获取。
在实际开发中，了解浏览器的差异是很重要的，特别是在处理视口高度等与页面布局相关的功能时。对于Microsoft Edge浏览器，使用document.documentElement.clientHeight属性可以确保在不同浏览器中获得一致的结果。
腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储等。这些产品可以帮助开发人员构建和部署各种应用程序，并提供高可用性、可扩展性和安全性。更多关于腾讯云的产品和服务信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
Microsoft Edge处理视口高度与其他浏览器不同
html、css、viewport
JSFiddle：在Chrome中，一切都很好，按预期工作。请注意，页脚始终显示，并且左侧div不滚动。似乎视口是罪魁祸首，但我找不到任何关于已知问题的参考。 width: 100vw;谢谢!
浏览 4提问于2016-07-22得票数 2
2回答
查找实际视口高度-减去铬
javascript
嗨,
谁能告诉我如何获得实际的视口高度？如果我使用window.innerHeight或$(window).height() (jquery)，我会得到一个看起来考虑到浏览器chrome的值。我需要实际视口的高度。当我使用web dev工具栏(火狐)中的标尺插件测量视区高度时，该值与window.innerHeight提供给我的值不同。
浏览 2提问于2011-02-02得票数 1
2回答
如何设置SVG的视图框、宽度和高度，使其具有可伸缩性和响应性
html、css、svg
是否有可能以适合所有设备并处理浏览、放大/缩小功能的方式来设计SVG？对于桌面，我有SVG来装在一个容器里。应该使用容器(SvgClass)进行缩放和缩放。div>-桌面-svg.svg-------它很适合100%的浏览器缩放为了<e
浏览 3提问于2020-02-17得票数 1
回答已采纳
3回答
如何在缩放浏览器时使div成比例流动？
html、css、web、fluid-layout
所以我想让我的内容成为一个2列的布局div，来填充整个“容器”。但我希望"335px x 250px“div在窗口放大或缩小时按比例调整大小。这是我希望它看起来像下图的示例图像，我该怎么做呢？JSFiddle链接： <div id="body-wrap"> <div class="content-wrap">
<div id=
浏览 3提问于2015-05-29得票数 2
3回答
如何使容器尺寸扩展到大小成比例的子类尺寸
css、sencha-touch-2、positioning
我有一个DIV容器，用height: x缩放到一定的高度，而在容器中，我有一个用height: 100%设计的IMG。然后，容器的宽度只延伸到视口的宽度。我试图达到的效果是使容器的宽度与子元素的宽度相匹配(图像比视口宽)。对于Sencha Touch应用程序，我需要这种行为，其中我有一个滚动面板，其中包含一个图像，它需要伸展到整个可用的视口高度(因此容器被设置为height: 100%)，但是当前，该面板不会水平滚动，因为容器的宽度只
浏览 0提问于2013-03-18得票数 0
回答已采纳
3回答
跨浏览器支持``page break-inside:避免；`
css、printing、printing-web-page
我有很多div的页面上有不同数量的内容。我正在尝试使用page-break-inside: avoid;，这样每个div部分就不会超过2页。
它可以在火狐中工作，但不能在IE8中工作。
浏览 3提问于2010-01-12得票数 9
回答已采纳
3回答
使页面填充褐边高度
javascript、jquery、html、css
我试着把100米的高度应用到所有的元素上，但是它不起作用。如果我设定一个高度:100 Im，这很好，但这不是我想要的方式，所以我想知道我做错了什么？
浏览 0提问于2014-05-13得票数 0
回答已采纳
1回答
根据另一个div的高度调整div大小
jquery、css、resize
但是由于某些原因，当视口/浏览器窗口调整大小时，我不能让它工作。我不太确定是我的CSS有什么问题，还是别的什么问题。).height();});});
当隐藏的div向下滑动时，我试图让左侧的列(lft-col)与隐藏的div的高度相匹配。总体而言，如果调整视区的大小，我希望左列div具有浏览器的完整高度。如果隐藏的di
浏览 1提问于2013-01-03得票数 0
回答已采纳
1回答
IE6错误位置:修复了绝对位置的渲染
html、css、internet-explorer-6
我有一个页面与固定的背景图像，这是应该拉伸，以填充整个视口。为了实现这一点，我将body height设置为100%，并将overflow设置为auto。这是CMS模板的一部分，所以当不同的页面高度差异很大时，固定视口的高度是不可行的。
我还有其他选择吗？是拉伸背景图像的不同方法，还是防止IE6定位错误触发的方法？
浏览 0提问于2010-06-28得票数 0
回答已采纳
4回答
CSS样式正文标记问题
html、css
我的目标是要做的是有一个背景颜色的HTML标签样式，然后样式的主体标签为80%的宽度和一个不同的背景颜色，这一切都很好。 width: 20%{ width: 79%它仍然没有做我想要的事情，但这是目前为止与包装器一起工作得最好的
浏览 0提问于2011-09-23得票数 1
回答已采纳
1回答
有没有办法设置空的div大小，如图像大小css
html、css、image
但是元素，我必须同时设置宽度和高度是有办法设置空白宽度800px和高度400px，它将自动调整大小取决于屏幕的大小，它仍然保持比例像一个图像。
谢谢
浏览 13提问于2017-08-22得票数 0
1回答
随着宽度的减少而增加高度(高度反向Vw )
html、css
随着宽度的减小，我一直试图增加div的高度。这使得所有的文本都能更好地融入，而不是流出来。没有js就能做到这一点吗？width: 100%;大众汽车的高度随着宽度的减小而减小。(我需要完全相反的行为。)宽度下降-高度上升)我已经尝试使用负大众扭转的效果，而不是运气。
谢谢!
浏览 4提问于2016-03-25得票数 10
回答已采纳
1回答
将文本区域的行高设置为与背景中的li元素的行高相同的百分比
html、css、sass
我希望它始终与背景中的li元素保持相同的高度，因为当您调整屏幕大小时，文本会越过行进入新行，这看起来一点也不好。4.我一直在想办法解决这个问题，但一直想不通。
浏览 3提问于2015-01-07得票数 0
2回答
浏览器默认填充
javascript、jquery、html
浏览器对HTML页面有默认的填充。例如，我的FF默认设置body元素的8px边距。我可以使用以下命令计算HTML页面的默认宽度填充由于主体元素跨越所有可用的浏览器视口宽度。我也有其他浏览器，设置不同的宽度和高度填充的值。前面的代码将不会工作，因为主体内部高度</
浏览 2提问于2011-05-14得票数 2
回答已采纳
1回答
自动缩放元素以适应视口/设备方向
html、ios、css、responsive-design、media-queries
然而，在移动环境下(屏幕高度小于640px )，我的正方形填满了整个宽度，用户需要滚动才能看到正方形的底部，这是不可接受的。
我想要实现的是使正方形适合屏幕的高度，以便在景观视图中可以完整地看到它。我曾尝试将.content更改为height: 100%，但因为它的大部分内容都是绝对定位的，所以它们最终的高度为0px。
浏览 0提问于2016-01-19得票数 2
1回答
突出显示活动菜单项为页面滚动div(边栏上滚动菜单)
javascript、jquery、html、css
by 在Chrome中运行良好，但在Safari和Firefox中却激活了错误的菜单项。它没有突出显示单击的菜单项，而是突出显示之前的菜单项。因此，例如，如果单击"Punkt 4"，则"Punkt 3“将被高亮显示。我一直没能解决这个问题。有人能帮忙吗？两周来我一直在努力解决这个问题。 <section id="main"> <div class="tar
浏览 0提问于2019-03-05得票数 3
2回答
对于@媒体查询，为什么我必须将“设备”放在最大宽度查询中？
css、responsive-design
media screen and (max-width:500px) {}
然而，当我查看我的iPhone时，它并没有显示这些规则，即使当我将浏览器的大小调整到
浏览 4提问于2014-05-15得票数 1
回答已采纳
2回答
如何使用“移动视图”报告手机屏幕分辨率，以供devs复制？
manual-testing、mobile
我想报告的缺陷，说明设备和解决方案，但我也希望开发人员能够复制它使用‘反应式设计模式’或‘移动视图’从浏览器在PC上。不过，将浏览器的移动视图设置为2560x1440，会使屏幕变得非常大。
浏览 0提问于2017-02-24得票数 3
回答已采纳
1回答
进行基于jQuery的平方调整。
javascript、jquery、html、css、responsive-design
因此，我使用一个jQuery来获得与宽度相同的高度，使它们成为正方形。
然而，在调整大小时，只有宽度受到影响，高度保持在原来的负载值.有什么办法绕过这件事吗？
浏览 4提问于2013-10-17得票数 0
回答已采纳
1回答
视差滚动的全视口高度图像
javascript、jquery、html、css、parallax
我希望页面的某些部分填写，至少100%的视口高度，而不管屏幕大小如何。我还想要的内容和背景的章节到滚动与视差效果。windowHeight);$(window).resize(imageFit);这很好，但是我不
浏览 3提问于2013-07-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
