超宽页面,图像拉伸?

时间:2014-11-02 16:08:42

标签: html css size width

有人可以告诉我为什么以下页面有一个水平滚动条?我试图将任何图像或div的限制设置为页面宽度的100%,但我仍然得到滚动条。

非常感谢。

http://onmywifesback.tumblr.com

3 个答案:

答案 0 :(得分:1)

您的CSS包含body { width: 100%; }的以下样式。默认情况下,浏览器会在<body>标记周围添加一些边距Chrome 8px。这使得总数大于100%,因此它将显示滚动条。

您可以安全地从width: 100%删除<body>或添加body { margin: 0; }

作为如何自行解决这些问题的提示,请尝试打开Chrome的DevTools,然后开始删除元素,直到问题消失。你最后删除的元素很可能是罪魁祸首。

答案 1 :(得分:0)

删除css中的width:100%。那应该解决它

答案 2 :(得分:0)

我刚去过网站(Safari / IE11 / Chrome,Opera和Firefox),无法在屏幕上以1920 x 1080的分辨率复制您的问题

然后我在我的iPad Air上检查了它并且从未生成过滚动条,所以很难给出一个精确的答案,可能是你正在使用的浏览器是IE的旧版本需要告诉什么在你的.css

中做
<link rel="stylesheet" media="all" href="[name].css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->