Question

所以我试图让我的网站响应，但是当我的目标屏幕大于1600px时，css无效。我的css代码中有拼写错误吗？谢谢。

@media (max-width:900px) and (min-width:600px) {
    ul.news li {
        width: 100%;
        margin-top: 3px;
    }

}


@media (max-width:1250px) and (min-width:900px) {
    ul.news li {
        width: 100%;
        margin-top: 3px;
    }

}

/* THIS ONE IS NOT WORKING */
@media only screen and (min-width: 1600px) and (max-width: 2600px) {

    ul.news li {
        width: 100%!important;
        color: red!important;
    }

}

Answer 1

You can refer to this Media Query and write your css in this media query dimensions

/*=====Media Query Css Start======*/
@media all and (max-width:1920px){
}
@media all and (max-width:1600px){
}
@media all and (max-width:1366px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:960px){
}
@media screen and (max-width:767px){
}
@media screen and (max-width:480px){
}
/*=====Media Query Css End======*/

媒体查询css - 定位大屏幕

1 个答案: