所以看看www.qualificationcheck.com在 Chrome 和 Firefox 下。 Alt-tab 在它们之间快速来回切换,专注于绿色的“帮助和反馈”侧边标签。
看来位置要动了!这是为什么?
它包含在第 3 方 Javascript 文件中。我研究了它以弄清楚它是如何计算其位置的。
首先,它设置 top: 50%
使其位于视口(viewport)下方大约 50% 的位置。
然后设置
上边距:[ "-",Math.round(tab.dimensions.height/2), "px"].join("")
即减去选项卡高度的一半,使其稍微向上移动,因此它的“中间”实际上是视口(viewport)下方的 50%(而不是“顶部”)。
使用 Chrome 开发工具,然后在 Firefox 中使用 firebug,我可以看到在 Chrome 中 margin-top 最终为 -33px,而在 Firefox 中它最终为 -87px。
为什么不同?
这很烦人,因为我想在它上面或下面添加我自己的标签,但如果我不能依赖第 3 方标签一直处于相同位置,我无法确定将我自己的标签放在哪里!
最佳答案
抱歉,其他答案都没有帮助。
我通过基本上复制第 3 方 js 然后调整它来解决这个问题,这样我就可以将它和我的新标签页放在一起。
所以基本上只是解决问题而不是解决问题。
关于javascript - Chrome 和 Firefox 之间计算的高度不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11359363/