媒体查询 css - 针对大屏幕答案

【问题标题】：Media querys css - target large screens媒体查询 css - 针对大屏幕
【发布时间】：2015-09-23 21:46:33
【问题描述】：

所以我试图让我的网站具有响应性，但是当我定位大于 1600 像素的屏幕时，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;
    }

}

【问题讨论】：

responsivedesign.is/develop/browser-feature-support/…
您发布的代码在我将其放入实时示例时都有效：codepen.io/marceloa/pen/OyRXyZ 在 1600px 和 2600px 之间，li 是红色的。

标签： css responsive-design

【解决方案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======*/

【讨论】：