Safari不调整背景图片大小

时间:2015-01-08 18:36:20

标签: css safari responsive-design background-image

我正在开发一个快速响应的网站。我有一个带背景图像的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;
}

0 个答案:

没有答案