我正在尝试将Skeleton用于我的下一个项目,但我无法弄清楚它是否像我看来那样简单。
我是否正确地认为,当浏览器宽度达到特定断点时,开箱即用的唯一内容是堆栈列相互叠加?
没有办法说“当> 800px时,此列的宽度为25%,当> 600px时为50%,当< = 600px时为100%?
答案 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的地方。