你能帮我做移动媒体查询吗？

Question

我对平板电脑进行了媒体查询，但我似乎无法让它们在移动设备上运行。

平板电脑 @media（最小宽度：768px）和（最大宽度：1024px） 移动的 @media (最小宽度:480px) 和 (最大宽度:767px)

在移动查询中，当我写一些更改时它们不起作用。

Answer 1

您需要确保处理所有维度。你现在拥有它的方式会忽略任何小于 480px 的尺寸。请参阅下面的一些基本媒体尺寸。

/* XL */
@media (min-width: 1200px) { 
    /* style */
}

/* Large */
@media (min-width: 768px) and (max-width: 979px) { 
    /* style */
}

/* Medium */
@media (max-width: 767px) { 
    /* style */
}

/* Small */
@media (max-width: 480px) { 
    /* style */
}