我有一个媒体查询:

        @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链接

09-20 23:52