javascript - HTML <html> 大小 - 计算的大小？

我对 <html> 的大小感到困惑Chrome 浏览器报告。我正在全屏工作，屏幕分辨率 1360x768 。我使用这个 css 将全屏图像放在背景上:

bg-img { position:absolute; top:0; left:0; width:1360px; height:768px; }

不幸的是，这并不能全屏显示图像，而且图像较小。我选择 <html> 上的检查元素标记并查看尺寸，如 1790 x 768。Chrome 报告的计算尺寸:

display: block;
height: 768px;
width: 1790.6666259765625px;

我发现这在 --chrome-frame 中工作正常模式(宽度:1360px，但扩展还有另一个问题，所以无法使用)

这是怎么回事？

解决方案%即使背景图像工作正常，也不能解决我的问题，因为我还有其他 absolute此背景上的元素，我无法使用 % 来定位它们，因为不够精确。

我虽然报告的 1790.6666259765625px 可能是由我的扩展桌面和第二个显示器引起的，但在禁用后仍然出现同样的问题。

最佳答案

相反

bg-img { position:absolute; top:0; left:0; width:1360px; height:768px; }

尝试这样做:

bg-img { position:absolute; top:0; left:0; width:100%; height:100%; }

它对我来说总是有效，并且可以在不同的显示器上工作。
祝你好运!

关于javascript - HTML <html> 大小 - 计算的大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18648232/