css - 如果 @media all 在 css 中声明，那么 max-device-width 是必要的吗？

Question

我正在使用媒体查询@media all and (max-width:500px) {..}来使网站设计具有响应性。它在我的 Opera mini 上运行良好。但我还没有在其他移动浏览器上测试过。它是否也适用于其他移动浏览器，或者我必须在此媒体查询中添加(max-device-width:500px) 。

Answer 1

max-width足够好

/* smaller than 980 */
@media screen and (max-width: 980px) {
    your css here
}

/* smaller than 650 */
@media screen and (max-width: 650px) {
    your css here
}

/* smaller than 480 */
@media screen and (max-width: 480px) {
    your css here
}