min-device-width和min-width

来源:2-1 什么是媒体查询

慕雪5316597

2021-01-26 22:17

@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就可以了?

写回答 关注

1回答

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

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

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

六个案例学会响应式布局

flex与媒体查询实现响应式和flex+rem实现弹性布局

17078 学习 · 18 问题

查看课程

相似问题