在宽度 100% 上放置一个面板类的基础 zurb

【问题标题】：Put a panel class of foundation zurb on width 100%在宽度 100% 上放置一个面板类的基础 zurb
【发布时间】：2014-04-14 20:27:08
【问题描述】：

我想知道是否可以将宽度为 100% 的基础 zurb 面板类放在设备的更大范围内也许有人有解决方案？

谢谢你:)

雷米

【问题讨论】：

【解决方案1】：

Foundation 中的“行”宽度默认设置为 1000 像素。如果宽度大于该宽度，您需要进行媒体查询并使用 css 将父行的最大宽度设置为 100%，然后将面板的宽度设置为 100%。

CSS

@media only screen and (min-width: 1001px) {
#panel-div {
    max-width:100%;     
};

#large-panel {
    width:100%;      
  }
}

HTML

     <div class="row" id="panel-div">
       <div class="panel" id="large-panel">panel goes here</div>
     </div>

【讨论】：