骨架和列数

时间:2015-02-01 11:28:42

标签: css responsive-design skeleton-css-boilerplate

我正在尝试将Skeleton用于我的下一个项目,但我无法弄清楚它是否像我看来那样简单。

我是否正确地认为,当浏览器宽度达到特定断点时,开箱即用的唯一内容是堆栈列相互叠加?

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

1 个答案:

答案 0 :(得分: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的地方。