微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

笔记本电脑和手机中媒体查询的最佳宽度范围是多少

如何解决笔记本电脑和手机中媒体查询的最佳宽度范围是多少

我想知道在响应式设计中,对于平板电脑和笔记本电脑等大型设备以及手机等小型设备,在我的代码中插入的正确宽度范围参数是什么?

解决方法

如果您检查浏览器(Chrome、Edge)中的元素并单击“切换设备仿真”图标(看起来像手机和平板电脑),您可以看到 Microsoft 和 Google 对它们的定义。

  • 4K - 2560 像素
  • 笔记本电脑 L - 1440 像素
  • 笔记本电脑 - 1024 像素
  • 平板电脑 - 768 像素
  • 移动 L- 425 像素
  • 移动 M - 375 像素
  • 移动 S - 320 像素

Bootstrap 将它们定义为 here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。