目前我正试图绕过响应式设计。你经常听到的一句话是“先移动！”。我理解这意味着什么，但我仍然不确定如何将其付诸实践。
我正在使用已设置了一些媒体查询的320及以上工具包/样板：min-width: 480px，min-width: 600px，min-width: 768px，min-width: 992px＆amp; min-width: 1382px。
正如您可能注意到的那样，min-width: 320px之类的东西丢失了。
这是否意味着我在媒体查询之外设计宽度为320px的页面，然后使用媒体查询来覆盖需要调整的某些位？
答案 0 :(得分：2)
您应首先编写CSS而不使用这些媒体查询。实际上你应该忽略那些媒体查询。
一旦你的'移动'CSS到位（让你的浏览器窗口真的很小），你就开始调整浏览器窗口的大小。事情开始变得奇怪，例如，太多的空格，线条变长，你为这个最小宽度添加了一个新的媒体查询。
在新的媒体查询中，您可以调整看起来很奇怪的东西，一旦完成后再开始放大，请继续这样做，直到达到您认为已经有足够的屏幕空间覆盖的程度。
没有一个设备宽度，因为有数千种不同的设备，因此在实际看到您的设计实际运行之前，您无法决定断点。