响应式断点问题求指教...如何选择？

Question

参考了很多框架的断点值，例如Bootstrap的设置，分辨率750的设置为768px，中间为什么要间隔这么多？

有啥特殊意义呢？

Answer 1

PC端一般分为980，1024，1280，1360，1440，1920即可，
移动端一般分为768，750，640，480，360，320即可移动端

Answer 2

你说的媒体查询，根据流行设备的分辨率取最合适的值。你也可以根据你的网站面向的设备取你自己的值。

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

查询流行设备分辨率