如何在 CSS 中更改特定更宽视口的背景颜色？

本文的目的是在 CSS 中更改特定更宽视口上的背景颜色。简单来说，指定一些宽度，如果宽度满足条件，那么它不会改变它的视图，但是如果不满足条件，那么它就会改变它的视图。

媒体规则 –此规则用于媒体查询以对不同的媒体类型/设备应用不同的样式。

句法 –

@media not|only mediatype and (mediafeature) {
  Some CSS-Code;
}

在哪里 –

• not – 此关键字反转整个媒体查询的含义。
• only – 此关键字可防止不支持具有媒体功能的媒体查询的旧浏览器应用指定的样式。
• 和– 此关键字将媒体特征与媒体类型或其他媒体特征结合在一起。

例子：

HTML

  

    
  
    

  

    

        GeeksForGeeks
    
  
    

        Resize the browser window. When
        the width of this document is 
        800 pixels or less, the 
        background-color is "lightgrey", 
        otherwise it is "lightgreen".
    

  

输出 –