文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML <html>大小-计算大小？

问HTML <html>大小-计算大小？
EN

Stack Overflow用户

提问于 2013-09-06 00:57:10

回答 2查看 148关注 0票数 2

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

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

不幸的是，这没有显示在全屏上的图像，而且更小。我将查看<html>标记上的检查元素，并看到类似于1790x768的大小。Chrome报告的计算大小：

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

我发现在--chrome-frame模式(宽度:1360 so，但扩展有另一个问题，所以不能使用)

怎么一回事？

使用%的解决方案即使对背景图像有效，也不能解决我的问题，因为我在这个背景上有其他的absolute元素，而且我不能用%定位它们，因为它不够精确。

虽然我可能报告了1790.66259765625px是由我的扩展桌面和第2‘监视器造成的，但是在禁用了相同的问题之后。

javascript

html

css

dom

回答 2

Stack Overflow用户

发布于 2013-09-06 01:09:45

而不是

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

尝试这样做：

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

它总是对我工作，并将工作在不同的显示器。

祝好运!

票数 1

Stack Overflow用户

发布于 2013-09-06 01:25:20

您需要CSS3 background-size，它允许您调整图像比率，而不管屏幕分辨率如何。确保您匹配CSS选择器，并调整URL到您正在使用的图像.

.bg-img
{
 background-image: url(wallpaper.jpg);
 background-size: 100% auto;
}

为了现场演示先在我的网站上选一个壁纸..。

http://www.jabcreations.com/forums/?prompt=themes-wallpaper

然后...and在这里更改“壁纸效果”..。

http://www.jabcreations.com/forums/?prompt=options-basic

一旦应用，您将在themes/style_user.css上找到相关的CSS代码。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18648232

复制

相似问题

问HTML <html>大小-计算大小？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML <html>大小-计算大小？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML <html>大小-计算大小？
EN