Css 媒体查询工作流和标准实践？

我正在开发一个响应性很强的网站，但有一个问题一直困扰着我，那就是我们应该从较小的屏幕尺寸开始工作，然后向更大的屏幕移动，还是反过来

对我来说，我发现在大屏幕上工作更容易，然后缩小浏览器屏幕并慢慢调整。我这样做的原因是因为我可以更容易地保留我原来的pc屏幕设计，如果我从更小的屏幕开始工作，将其调整到原来的pc屏幕设计将是困难的

---

从大屏幕/小屏幕开始工作是否更好？您对性能、加载速度和编码难度有何看法

这远远超出了响应性布局甚至CSS。你应该根据最常用的方式来优化任何东西。如果我正在制作一个大多数用户都想从手机上使用的网站，那么当然，我会先从手机版开始开发！我的理由是，随着屏幕尺寸变小，事情会如何恶化，往往会有一些权衡（尽管很小）。为了确保折衷有利于移动版本，最好从那里开始，朝着桌面版本发展。然而，我总是发现自己处于这样一种情况：从桌面大小开始是最实际的，然后我缩小屏幕大小，并通过媒体查询将其重新设置为我喜欢的样式-缩小屏幕大小，重新设置样式，等等。这听起来像是你正在采取的方法，这应该是好的，除非一个项目从一开始就需要更多的关注移动，正如我所说的

---

无论您选择什么，如果您正在编写合理的代码，性能都会很好，代码应该可以理解。

正如m59所说，从最常用的设备开始。一个可以从移动到监控工作流中获益的场景是当您从头开始创建一个新站点时。这个场景更倾向于影响设计决策，因为通过启动移动设备，您包括了用户绝对需要的所有功能和内容——最基本的必需品。通过这种方式，您可以过滤掉进入某些桌面站点的任何填充物，从而使您的设计更干净，用户界面更友好。此外，从移动开始将使您能够探索和增强未来的移动UI开发能力，而不仅仅是学习如何将其全部塞进