使用媒体查询时出现滑块问题

Question

这是我关于stackoverflow的第一个问题..下面是代码..

问题在于，当浏览器调整为较小像素时，一切正常，除了滑块框之外，滑块框保持与普通像素相同，直到刷新滑块框后刷新为正确大小。< / p>

除了滑块之外，所有内容都正常工作，除了滑块...

我希望我提供了所有问题的基本细节。期待有建议..谢谢..

原始CSS

#cycle-slider img{
height:350px;
width:100%;
background-color:#f8f8f8;
background:-moz-linear-gradient(center bottom , #f8f8f8 0px, #FFF 100%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f8f8f8),color-stop(1, #FFF));
border:1px solid #ebebeb !important;
padding:4px;
}

在媒体查询CSS

@media screen and (max-width: 1020px) {

#cycle-slider img{
height:270px;
width:90%;
margin-left:30px;
margin-top: -10px;
}