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

问题描述

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

解决方法

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

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

Bootstrap 将它们定义为 here。