css怎么能实现自适应不显示1000像素以外的背景大图，只显示1000像素里面的内容，并且宽度居中撑满整个屏幕

我这样写手机上看根本不能实现，求大神赐教~

.main{margin:0px auto;
            padding:0px;
            text-align:center;
            width:1000px;
}

@media screen and (min-width: 320px) and (max-width:1000px) {
    .main{width:100%;max-width:1000px;min-width:320px;}
}

1 个解决方案

#1

媒体查询不要了  那个css 直接写在上面