响应式设计，Css 断点

【问题标题】：Responsive Design, Css Breakpoints [closed]响应式设计，Css 断点
【发布时间】：2019-04-25 15:50:27
【问题描述】：

我正在制作一个网站并且我正在制作它响应式，我想知道使用断点是否更好 以实际设备尺寸，如本图所示或在设计不起作用的每个“断点”上设置断点。 p>

【问题讨论】：

【解决方案1】：

真实屏幕尺寸的断点是不切实际的，因为它几乎不可能覆盖所有尺寸/设备..您还必须记住，浏览器尺寸不一定是实际屏幕尺寸..我只需设置断点即可设计工作。

【讨论】：

【解决方案2】：

您可以有 4 到 5 个断点。我通常使用和工作良好的那些是：

超小型设备（手机）（

由于实际设备尺寸各不相同，因此几乎不可能覆盖所有设备。

【讨论】：

是的，但我也在使用 1440/1366/1280 的断点...
您可以添加一个针对所有大屏幕的额外断点。例如@media(min-width: 1280px){}。这将适用于 1280 像素以上的所有屏幕尺寸，而不是有 3 个单独的断点