为了账号安全,请及时绑定邮箱和手机立即绑定

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

正在回答

1 回答

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

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
六个案例学会响应式布局
  • 参与学习       16779    人
  • 解答问题       18    个

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

进入课程

min-device-width和min-width

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信