该网站在 BODY 中具有“min-width:600px”,并在 Center 中使用背景图像。
当我调整大小并且它低于 600px 时,它会创建滚动条,很好。 但背景不会停止居中。背景忽略最小宽度。
我的例子在这里: http://jsfiddle.net/XD4QM/
<html>
<body>
<div>
background ignores the min-width
</div>
</body>
</html>
body{
min-width:600px;
background:url(http://mrknobbymusic.com/wp-content/uploads/2011/08/example-last-ones-standing.jpg) center top;
}
其他信息:
我有一个又大又坏的网站需要修复。所以就像第一步一样,我想做这个。当人的宽度小于 1024 像素时(600 只是一个例子),这个网站看起来很糟糕。所以我更喜欢水平滚动并让网站的 min-width:1024px 并且不破坏网站。只是为了让客户满意,直到我重新制作并修复所有内容。
最佳答案
就我而言,我现在就这样做了并且工作了。
@media screen and (max-width :600px){
body{
background-position:-<tested value>px 0px;
}
}
关于background-image - CSS - 主体背景中心忽略最小宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14856864/