问答详情
源自:2-1 什么是媒体查询

min-device-width和min-width

@media screen and (min-device-width: 200px) and (max-device-width: 300px){
    #div0{
        background: blue;
    }
}
@media screen and (min-width: 200px) and (max-width: 300px){
    #div0{
        background: blue;
    }
}

为什么我用第一个不行,第二个不要device就可以了?

提问者:慕雪5316597 2021-01-26 22:17

个回答

  • 慕粉3190367
    2021-01-29 17:48:25

    device-width是设备的宽度;width是浏览器的可视宽度。

    要看到第一个的效果,需要打开控制台,点击菜单栏左侧的“手机pad图案”图标。