相关疑难解决方法(0)

假设我有一个<div>我希望以浏览器的显示(视口)为中心.为此,我需要计算<div>元素的宽度和高度.

我该怎么用？请包含有关浏览器兼容性的信息

我注意到这个offsetwidth数字略大一些.同样的style.height和offsetheight.

据我了解getComputedStyles()方法，它应该返回一个对象，该对象允许访问 HTML 元素节点的实际 CSS 属性值。

我用一个包含跨度的段落创建了这个简单的例子：

let span = document.getElementsByTagName("span")[0];
let style = window.getComputedStyle(span);
span.innerText = "span background-color is " + style.getPropertyValue("background-color");

<p style="background-color: orange">
  <span style="color: green">Empty</span>
</p>

段落的背景颜色是orange，所以跨度也应该有那个属性值，还是我弄错了？是否会忽略继承的值getComputedStyles？如果是这样，我怎样才能获得跨度的实际可见背景颜色？谢谢你。