我正在开发一个快速响应的网站。我有一个带背景图像的div,我需要根据窗口大小调整大小。 Chrome和Firefox正在以我想要的方式响应。 Safari会调整大小,但会在某个时刻停止调整大小。有人有什么建议吗?
HTML:
<div id="container">
<div style="max-height:1155px; width:auto;" id="content">
<p> Content goes here</p>
</div>
</div>
CSS:
#container{
position:relative;
margin:auto;
vertical-align:middle;
max-width:95%;
}
#content{
background-image:url(images/LoginScreen%20TEST.jpg);
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat:no-repeat;
background-position:center;
position:absolute;
max-width:95%;
-webkit-max-width:95;
text-align:center;
overflow:hidden;
margin:0 auto;
}