现在我的背景图像适应屏幕尺寸。问题是,当屏幕缩小太多(例如移动)时,背景图像不再足够长以垂直填充div。
所以我做的是为import "gui/delegates"
分配一个值,而不是使用width
:
100%
问题是,div不再响应,因为它具有固定的宽度。
如何解决这个难题?
以下是相关代码:
HTML:
#content {
width: 2000px;
}
CSS:
<div id="content">
<div class="container clearfix">
</div>
</div>
答案 0 :(得分:1)
这两条规则
background-size: cover;
background-position: center; /* bottom, top, etc */
应该使您的背景图像在每个分辨率上都能正常工作,只要它足够大以覆盖f.e. 1900x1200,请试一试,让我知道结果是否令人满意,兄弟。