css - 骨架和列数

Question

我正在尝试将Skeleton用于我的下一个项目，但我无法确定它是否像我认为的那样简单。

我是否认为它开箱即用的唯一方法是在浏览器宽度达到特定断点时将列堆叠在一起？

有没有办法说“当> 800px时，此列的宽度为25％，> 600px时为50％，<= 600px时为100％”？

Answer 1

我是否认为它开箱即用的唯一方法是在浏览器宽度达到特定断点时将列堆叠在一起？

正是如此，如果您希望它具有任何其他功能，则需要在声明skeleton.css 后添加您自己的css。这是一个非常简单的 CSS 框架，旨在由使用它的人定制。

如果您查看底部的 css 文件，您将看到以下代码：

        /* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@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) {}

在这里您可以为不同的屏幕尺寸添加自定义 CSS。