我实际上是在用 0 CSS 框架创建一个小的 html/css 页面，并且我正在从 scracth 构建我所有的媒体查询。
我想知道要覆盖这么多断点是否正常，我的意思是当我使用 Bootstrap 时，我只是为 xs、sm lg 设置 col ... 就是这样。
这里我必须涵盖每个断点，从最大宽度 2560px、1680px.. 直到小型设备，我什至有 iphone 5、Iphone 6、Iphone 7(甚至当你转动 iphone 时的横向断点)、Samsung 等...因为它们没有相同的像素。
当您从头开始构建响应性或我在 CSS 中做错了什么时，这是否正常？
最佳答案
您的断点应基于您网站的内容。你应该测试你的布局，不考虑设备，一旦你的布局在给定的屏幕尺寸下看起来不再好看，创建一个断点并更新布局!然后继续向上(如果您从移动设备开始)或向下(如果您从桌面开始)直到布局看起来可以使用另一个更改...
Bootstrap 使用适用于大多数普通 场景的断点，但您的场景可能会有所不同。 Bootstrap 基本上为您提供了预定义的“手机”、“平板电脑”、“桌面”和“宽桌面”断点。不过，这只是一个建议。
关于html - 没有 CSS 框架的媒体查询，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48346695/