gpt4 book ai didi

background-image - CSS - body 背景中心忽略最小宽度

转载 作者:行者123 更新时间:2023-11-28 11:43:17 25 4
gpt4 key购买 nike

该站点在 BODY 中有一个“min-width:600px”,并在 Center 中使用了一个 backgroundImage。

当我调整大小并且它低于 600 像素时,它会创建滚动条,很好。但是背景不会停止居中。背景会忽略最小宽度。

我这里的例子: 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 只是一个例子)时,这个网站看起来很糟糕。所以我更喜欢水平滚动并让网站具有最小宽度:1024px,并且不要破坏网站。只是为了让客户满意,直到我重新制作并修复所有内容。

最佳答案

就我而言,我现在这样做并成功了。

@media screen and (max-width :600px){
body{
background-position:-<tested value>px 0px;
}
}

关于background-image - CSS - body 背景中心忽略最小宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14856864/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com