Responsive design 使骨架网格系统更宽
我很好奇是否有人曾经将骨架网格系统转换为更宽的最大宽度。现在960px有点小,我希望能接近1100pxResponsive design 使骨架网格系统更宽,responsive-design,skeleton-css-boilerplate,Responsive Design,Skeleton Css Boilerplate,我很好奇是否有人曾经将骨架网格系统转换为更宽的最大宽度。现在960px有点小,我希望能接近1100px 如果有人曾经这样做过,或者有任何开始改变的建议,那将是令人惊讶的 有一个sass版本,允许您选择容器宽度、列数、断点和列边距。 两个选项: (Nicolas Poliquin,最后更新于2013年5月) (Ian Yates,2012年6月,还包括无嵌套的流体选项) 它们都只是简单地用另一组CSS扩展了bog标准960网格,以适应更大的浏览器大小 就个人而言,我可能会选择1200,因为它与
如果有人曾经这样做过,或者有任何开始改变的建议,那将是令人惊讶的 有一个sass版本,允许您选择容器宽度、列数、断点和列边距。 两个选项:
- (Nicolas Poliquin,最后更新于2013年5月)
- (Ian Yates,2012年6月,还包括无嵌套的流体选项)
这里有一些值得思考的地方。在skeleton.css文件的网格部分change下
.container {
max-width: 960px;
}
到
或者你喜欢什么尺寸。这是最简单的解决方案,适用于我的情况。您看到了吗?它有1200像素宽,但你可能会找到一些关于他们是如何制作的信息。也许1200像素更适合你的需要?如果我想让网站一直延伸到屏幕的全宽,删除最大宽度可以吗?@user3607282是的,最大宽度设置了一个上限,所以删除它,网站就会变得和屏幕一样大。我只会将此作为1000px以上屏幕的@media查询,并且不更改网格部分中的源容器。
.container {
max-width: 1200px;
}