Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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
Css ZURB基金会3 -全宽度部分和放大器;更改最大宽度?_Css_Html_Frameworks_Responsive Design_Media Queries - Fatal编程技术网

Css ZURB基金会3 -全宽度部分和放大器;更改最大宽度?

Css ZURB基金会3 -全宽度部分和放大器;更改最大宽度?,css,html,frameworks,responsive-design,media-queries,Css,Html,Frameworks,Responsive Design,Media Queries,我在我的一个项目中使用。我喜欢网格系统和响应性强的站点,但我的问题是我仍然坚信它们应该比1000像素更宽 我有几个问题: 1) 首先,我想让某些部分(div)全宽。现在我读到了,我可以用替换,例如,它会产生这种效果。现在由于某种原因,我觉得这样做不对,我应该创建我自己的全幅类,还是正确的方法呢 2) 我希望有一个更大的分辨率为基础,可能是一个最大1440px宽,甚至流体100%全宽。我怎么能这样做,和/或基金会不是我的正确框架?我喜欢的事实是,它与所有的模板,所以是超级快速和友好的做实物模型 提

我在我的一个项目中使用。我喜欢网格系统和响应性强的站点,但我的问题是我仍然坚信它们应该比1000像素更宽

我有几个问题:

1) 首先,我想让某些部分(div)全宽。现在我读到了,我可以用
替换
,例如,它会产生这种效果。现在由于某种原因,我觉得这样做不对,我应该创建我自己的全幅类,还是正确的方法呢

2) 我希望有一个更大的分辨率为基础,可能是一个最大1440px宽,甚至流体100%全宽。我怎么能这样做,和/或基金会不是我的正确框架?我喜欢的事实是,它与所有的模板,所以是超级快速和友好的做实物模型


提前感谢。

更新:请停止投票。自问题得到回答以来,框架发生了重大变化。如果你正在使用基金会4或更高版本,请参阅更新后的答案并投票表决。

<强>基础3的早期版本仅< <强> > 将下面的重写添加到CSS(这必须在基础或Case.Css的结尾出现)

这将覆盖框架的默认值,并使设计全屏显示。请随意更改此值以满足您的需要


还有一个定制的下载可用(可能做同样的事情,重写或替换。行宽)

编辑/重写基础很容易。在基金会4中,您可以编辑您的StayStuts.SCSS文件。取消注释$row width:emCalc(some_number.px);要使用的行宽度。

取消注释
$row width:rem calc(1000)为我工作

为特定宽度设计与响应性设计的整个概念相冲突。是的,我知道,但不是默认的“最大宽度”1000px或960,例如,我宁愿将默认值增加到1440px等。这不应影响响应性。自由地告诉我为什么他们总是有一个最大宽度940-1000 px?@ Cimman,他没有问如何创造一个特定的宽度,他问如何设置最大设计宽度提供的基础框架。最大宽度!=谢谢,理想情况下,我可以创建一个名为“.full row”的新类,并使其100%正确?我确实看到了自定义下载版本,但它显示了最大宽度,我假设这只是针对移动版本…因为行的值对我来说似乎是1000px,默认下载最大宽度是940px。我不确定如何添加新的。完整行类。有几个CSS类将它们的选择器从.row类上背下来。在实现这个更改之前,我会检查基础.CSS。如果它解决了问题,请将其标记为答案。谢谢。因此,为了扩展这个,我怎么才能只做标题的全宽度?如果你在基础4中工作(很多人在这个问题上结束了),你需要使用最小宽度而不是宽度:{{最小宽度:100%!重要} }
.row {
     width: 100%;
}