css - 骨架和列数

Question

我正在尝试使用 Skeleton用于我的下一个元素，但我无法真正弄清楚它是否像我所想的那样简单。

当浏览器宽度达到特定断点时，我认为它开箱即用的唯一事情是将列堆叠在彼此之上，我的想法是否正确？

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

Answer 1

Am I right in thinking that the only thing it does out-of-the-box is stack columns on top of each other when the browser width reaches a specific breakpoint?

正是这样，如果您希望它具有任何其他功能，您需要在声明 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。