我有一个媒体查询:
@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链接