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

Question

我正在开设一个快速响应的网站，但有一个问题总是让我烦恼的是，我们是否应该从较小的屏幕尺寸开始工作，然后转向更大的屏幕或其他方式？

对我来说，我觉得从大屏幕工作更容易，然后减少浏览器屏幕并慢慢调整。我这样做的原因是因为我可以更容易地保留我原来的电脑屏幕设计，如果我从较小的屏幕开始工作，将其调整为原始的电脑屏幕设计将是困难的。

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

Answer 1

这不仅仅是响应式布局甚至CSS。您应该根据最常用的方式优化任何内容。如果我正在建立一个大多数用户想要在手机上使用的网站，那么我当然会首先使用移动版本开始开发！我的理由是，随着屏幕尺寸变小，往往会有一些权衡因素（尽管很小）。为了确保权衡取决于移动版本，最好从那里开始并努力使用桌面版本。但是，我总是发现自己处于从桌面尺寸开始最实用的情况下，然后我减少屏幕尺寸并根据媒体查询重新设计它 - 减少屏幕尺寸，重新设置等等。听起来就像是你正在采取的方法，除非一个项目从一开始就要求对移动设备给予更多关注，否则应该没问题。

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

Answer 2

正如m59所说，从最常用的设备开始。当您从头开始创建新网站时，可以从移动设备监控工作流程中受益的方案。这种情况更倾向于影响设计决策，因为通过启动移动设备，您可以包含用户绝对必要的所有功能和内容 - 这些都是必需品。通过这种方式，您可以过滤掉进入某些桌面站点的任何填充程序，从而使您的设计更清晰，UI更加用户友好。此外，从移动设备开始，您可以探索和增强未来的移动UI开发能力，而不仅仅是学习如何将其全部填入。