0

目前我正试图绕过响应式设计。您经常听到的一句话是“移动优先！”。我明白这意味着什么，但我仍然不确定如何将其付诸实践。

我正在使用 320 及更高版本的工具包/样板，其中已经设置了一些媒体查询：min-width: 480px, min-width: 600px, min-width: 768px, min-width: 992px& min-width: 1382px。
正如您可能注意到的那样min-width: 320px，缺少类似的东西。

这是否意味着我在媒体查询之外设计我的页面宽度为 320 像素，然后使用媒体查询覆盖某些需要调整的位？

4

1 回答 1

2

你应该先写你的 CSS 而不用那些媒体查询。实际上你应该忽略那些媒体查询。

一旦你的“移动”CSS 就位（让你的浏览器窗口很小），你就开始调整浏览器窗口的大小。当事情开始变得奇怪时，例如，太多的空白，行变得很长，你为那个最小宽度添加一个新的媒体查询。

在新的媒体查询中，您可以针对看起来很奇怪的东西进行调整，一旦您完成了再次放大，请继续这样做，直到您认为您已经覆盖了足够的屏幕空间。

没有一种设备宽度，因为那里有成千上万种不同的设备，因此您无法在实际看到您的设计之前决定您的断点。

于 2013-01-14T13:45:55.953 回答