IMO这些是最好的断点：
@media (min-width:320px) { }@media (min-width:480px) { }@media (min-width:600px) { }@media (min-width:801px) { }@media (min-width:1025px) { }@media (min-width:1281px) { }编辑 ：改进以更好地与960网格一起使用：
@media (min-width:320px) { }@media (min-width:481px) { }@media (min-width:641px) { }@media (min-width:961px) { }@media (min-width:1025px) { }@media (min-width:1281px) { }实际上，许多设计人员将像素转换为em，主要是b / c em可以更好地进行缩放。在标准变焦下
1em ===16px。将像素乘以
1em/16px得到em。例如，
320px === 20em。
为了回应评论，这
min-width是“移动优先”设计的标准，其中您从设计最小的屏幕开始，然后添加不断增长的媒体查询，逐步在更大的屏幕上工作。无论您是偏爱
min-，
max-还是它们的组合，都应了解规则的顺序，请记住，如果多个规则与同一元素匹配，则后面的规则将覆盖前面的规则。
