簡體   English   中英

我使用的監視器大小的@media 規則(最大寬度:1920px)和我的 CSS 不起作用

[英]@media rules for Monitor size which I use (max-width: 1920px) and my CSS are not working

無法在監視器大小@media 上讀取屬性(最大寬度:1920 像素)

在此處輸入圖像描述

但是當它變小時它正在工作

在此處輸入圖像描述

問題是您在媒體查詢中指向的是max-width屬性的兩倍。

為了在這個意義上是正確的,您需要在您實際需要的媒體查詢之間定位。 您在發布的屏幕截圖中暗示的是,您首先設置了一個max-width: 1280px ,然后在它上面再設置一個max-width: 1920px

這就是為什么它不起作用。

它已經采用了第一個限制,即 1280 像素。

你需要做的是:

@media (min-width: 1281px) and (max-width: 1920px) {
    #four.container.xl-four {
        border: 1px solid red;
    }

    .xl-four {
         width: 100%;
         margin-right: 0px;
         margin-left: 55px;
         padding: 95px 0 75px 0;
    }
}

這將完成工作。 下次,請發布您的代碼的可重現示例,以便所有人都能更好地理解問題。

謝謝

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM