如何设置背景图像响应

晚上好，我正在网站上使用“单页布局”。而且我对移动响应性有很大的问题。特别是在菜单和背景图片部分。我会发布我的代码，请给我一些建议，编辑什么？非常感谢！如何设置背景图像响应

HTML：

<div id="menu"> 
<div id="content"> 
<div id="logo"> 
<a href="#uvod"><img src="style/img/logo.png" border="0"></a> 
</div> 
<div id="nabidka"> 
<ul> 
    <li href="about"><a href='#about'>O nás</a></li> 
    <li href="cenik"><a href='#cenik'>Ceník</a></li> 
    <li href="sluzby"><a href='#sluzby'>Služby</a></li> 
    <li href="kontakt"><a href='#kontakt'>Kontakt</a></li> 
</ul> 
</div> 
<div id="socsite"> 
<table style="width: 210px; height: 80px;" border="0"> 
<tr><td width="70"><a class="fb" href=""></a> </td> 
<td width="70"><a class="twitter" href=""></a> </td> 
<td width="70"><a class="youtube" href=""></a>  </td></tr> 
</table> 

</div> 
</div> 
</div> 

<div id="uvod" class="section"> 
<div id="content"> 
...text text text... 
    </div> 
</div>

和CSS：

#uvod { 
background:url('img/bg-uvod.png') top no-repeat fixed; 
float:left; 
width: 100%; 
min-height: 100%; 
z-index: 1; 
} 

#menu { 
background-color: #535353; 
width: 100%; 
height: 90px; 
    padding: 0; 
    margin: 0 auto; 
    position: fixed; 
top: 0; 
z-index: 100; 
} 

#logo { 

width: 200px; 
height: 90px; 
margin-left: 1em; 
    padding-top: 5px; 
    float: left; 
} 
#nabidka { 

width:550px; 
height: 90px; 

margin-left: 1.5em; 
    padding-top: 5px; 
float:left; 

} 
#socsite { 

width:240px; 
height: 90px; 
    padding-top: 5px; 
    margin-left: 7em; 
    float: left; 

} 

#content { 
width: 1200px; 
margin: 0 auto; 
}

来源

2015-08-29 Hynek Š.

#uvod 
{ 
    background: url('img/bg-uvod.png') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

为什么不试试封面？如果这不起作用，请尝试在背景中放置绝对位置div，然后设置背景。

来源

2015-08-29 20:50:52 Kelsey

谢谢，它确实有帮助，但仅限于身高。当我在手机上打开它时，我使用背景图片的部分没有100％的宽度。菜单有1200px，也有白色背景的部分，但图像背景有75％的宽度...第二个问题，当我缩小菜单pannel，按钮下来，在灰色的面板菜单和社交网络的图标...什么我应该这样做吗？我把它固定，我给它固定宽度（1200px）... –

我建议在你的内容的背景中放置一个位置：绝对div并使其成为你需要的大小。然后将上述背景应用到这个新的背景div。 – Kelsey