Html 媒体查询。标准是什么？

假设我们想要建立一个有4种不同大小的网站。标准程序是什么？开始设计一个大小并使用媒体查询修改其他3个css属性，或者在主大小中不在该属性中添加任何值，而是使用这些独占属性创建4个媒体查询？ 谢谢大家!

当前的“最佳实践”是使移动（最轻重量）版本成为无媒体查询的标准CSS，并使用媒体查询逐步添加更重、更桌面友好的CSS。这就是所谓的

---

这里的想法是让低端移动处理器尽可能少地接受CSS，让大型桌面机担心复杂的规则层次结构和更大尺寸的沉重图像。但是，这只是经验法则，即使你用另一种方式来做，它也会起作用。

在阅读了几遍这个问题之后，我想我已经明白了问题的要点。要么：

A） 从一个“屏幕大小”样式开始，对其他3个版本（我通常称之为主要断点）进行修改

或

B） 将每个屏幕的每个样式保留在其自己的媒体查询中，并且没有“默认”样式

---

你应该选择A选项，不管你是从手机开始，还是在大屏幕上工作，反之亦然。如果在媒体查询中包含所有样式，则不必要地失去了与旧浏览器（不支持媒体查询）的兼容性。您还应该拥有不会因媒体查询而改变的常用样式。

您能对您的意思进行基本比较吗？你认为“主要尺寸”是什么？有两种总体方法：桌面优先或移动优先。你的方向取决于多个因素。如果你在征求意见，这个问题在这里是离题的。我们只做那些答案单一正确的问题，没有引发讨论的问题和（最坏的情况是，不要说这会发生）火焰战。也就是说，通常的方法是从联合国媒体的css规则开始，然后跟进媒体对其他屏幕尺寸的查询。默认情况下，你可以选择窄屏幕，然后再选择宽屏幕（首先是移动屏幕），或者相反（首先是桌面屏幕），这是非常标准的做法。所以我想，如果我们选择“移动优先”的方法，我们将创建较小尺寸的主CSS，并对其他3个CSS进行媒体查询。@MrLister好的，明白了！谢谢你们！添加了html5rocks的链接。完全理解！非常感谢。这个问题有点让人困惑，但你明白我想说的。谢谢