我正在学习如何使用基本Skeleton Framework进行自适应网页设计，并且他们有以下媒体查询：
/* Mobile first queries */
/* Larger than mobile */
@media (min-width: 400px) {}
/* Larger than phablet */
@media (min-width: 550px) {}
/* Larger than tablet */
@media (min-width: 750px) {}
/* Larger than desktop */
@media (min-width: 1000px) {}
/* Larger than Desktop HD */
@media (min-width: 1200px) {}
我见过的其他媒体查询使用了max-width声明，但骨架似乎恰恰相反。
我不明白为什么使用min-width代替max-width。
任何解释都可以帮助我理解min-width而不是max-width。
答案 0 :(得分：0)
使用min-width，您在媒体查询之外编写的任何CSS都将成为＆＃39; base＆＃39;并将应用于高达400px宽的所有内容;从根本上制作你的移动风格，这通常是最简单的风格，基础＆＃39;样式。
通过这种方式，您可以在其上添加特定的CSS，以宽度增加。
使用max-width的替代方法会使您的桌面样式（通常更复杂）成为默认样式，然后您必须删除复杂性＆＃34;从桌面样式中，屏幕越小。
这样想：
使用min-width，您可以从最简单的移动样式逐步构建样式，直到达到桌面大小，更复杂的样式
使用max-width你＆＃34;分解＆＃34;从复杂的桌面样式开始逐步增加样式，直到达到简单的移动样式。