CSS-媒體查詢的最大寬度設置為以729px隱藏div但以657px隱藏

Question

我有媒體查詢：

        @media only screen and (max-width : 729px) {
        .playertracklist{
            display:none;
        }
        }

但是當我調整窗口大小時，當寬度達到657px時，將應用CSS媒體查詢。 我正在使用Chrome，並且窗口的比例正確，這意味着我無法放大或縮小。

Answer 1

如果您希望它完全隱藏在729px處，則可以嘗試使用width而不是max-width 。

如果您希望它隱藏在729px以上（可能會猜到），最好告訴CSS開始隱藏在729px以上（而不是下面），就像現在所做的那樣。

如果你改變

 @media only screen and (max-width : 729px) {

至

 @media only screen and (min-width : 729px) {

它應該工作。

正如馬塞爾·W（Marcel W）所說，您可以將only一部分留在身邊。 對於較新的瀏覽器來說，它的影響很小，但是對於較舊的瀏覽器，它卻有很大的區別。

較舊的用戶代理不會協調only屬性，因為它們不協調屬性，從而使您可以從他們中隱藏樣式表的該部分。 較新的用戶代理將忽略它，並繼續其余的媒體查詢。 這意味着您將決定是否使用它。 如果您想了解更多的信息在only檢查該鏈接