html - CSS-媒体查询的最大宽度设置为以729px隐藏div但以657px隐藏

我有一个媒体查询：

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

但是当我调整窗口大小时，当宽度达到657px时，将应用CSS媒体查询。我正在使用Chrome，并且窗口的比例正确，这意味着我无法放大或缩小。

最佳答案

如果您希望它完全隐藏在729px处，则可以尝试使用width而不是max-width。

如果您希望它隐藏在729px以上（可能会猜到），最好告诉CSS开始隐藏在729px以上而不是下面，就像您现在所做的那样。

如果你改变

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

至

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

它应该工作。

正如Marcel W所说，您可以离开only部分。对于较新的浏览器来说，它的影响很小，但对于较旧的浏览器，它却有很大的区别。

only部分由于较旧的用户代理不协调属性而被忽略，因此您可以从他们中隐藏样式表的该部分。较新的用户代理将忽略它，并继续其余的媒体查询。这意味着您可以决定是否使用它。如果要通过only获取更多信息，请检查this链接