媒体查询代替标准css

真的我不知道怎么问这个问题。但是如果我需要做响应性网站，为什么我要写CSS，然后才写媒体查询，如果我可以在媒体查询中一次在适当的范围内写必要的样式，同时用HTML创建网站的基础？？？

你的问题不是很清楚，但我相信你是在问为什么不把所有CSS都写在媒体查询中，而不是一些普通的css，然后媒体查询目标设备之后

常规css是默认值，适用于所有视图端口范围，无论大小。然后使用媒体查询修改或覆盖各种宽度所需的任何默认值

如果您不使用默认的css，那么您可能会在所有各种媒体查询中反复复制许多相同的css属性。这将使你的css膨胀，难以维护。通常，字体和背景色、字体族等都是在基础css中的一个位置定义的。如果你在各种媒体查询中一遍又一遍地重复这些内容，除了造成大量不必要的冗余外，如果你决定更改颜色或字体，你将不得不在很多地方而不是一个地方更改它

在首先设计移动设备时，通常希望基本样式反映您希望站点在移动设备上的外观，然后添加媒体查询以更改从最小设备移动到最大设备的布局。这并不是说您不使用媒体查询来定位最小的设备， 但从基础css开始，以手机为目标被认为是最佳实践

---

此外，您不必先为整个站点编写所有基本css，然后再编写媒体查询。但是，您应该首先为一个元素或一组元素编写基本css，然后根据需要使用媒体查询对其进行修改

欢迎来到SO，如果你不知道如何提问，你需要阅读此>解释更多，你想知道什么？你有什么问题？我能否从一开始就在媒体查询中编写所有css样式？