Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Responsive design 使骨架网格系统更宽_Responsive Design_Skeleton Css Boilerplate - Fatal编程技术网

Responsive design 使骨架网格系统更宽

Responsive 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,因为它与

我很好奇是否有人曾经将骨架网格系统转换为更宽的最大宽度。现在960px有点小,我希望能接近1100px


如果有人曾经这样做过,或者有任何开始改变的建议,那将是令人惊讶的

有一个sass版本,允许您选择容器宽度、列数、断点和列边距。 两个选项:

  • (Nicolas Poliquin,最后更新于2013年5月)
  • (Ian Yates,2012年6月,还包括无嵌套的流体选项)
它们都只是简单地用另一组CSS扩展了bog标准960网格,以适应更大的浏览器大小

就个人而言,我可能会选择1200,因为它与960相同,并满足我的强迫症:)


这里有一些值得思考的地方。

在skeleton.css文件的网格部分change下

.container {
    max-width: 960px;
}


或者你喜欢什么尺寸。这是最简单的解决方案,适用于我的情况。

您看到了吗?它有1200像素宽,但你可能会找到一些关于他们是如何制作的信息。也许1200像素更适合你的需要?如果我想让网站一直延伸到屏幕的全宽,删除最大宽度可以吗?@user3607282是的,最大宽度设置了一个上限,所以删除它,网站就会变得和屏幕一样大。我只会将此作为1000px以上屏幕的@media查询,并且不更改网格部分中的源容器。
.container {
    max-width: 1200px;
}