有没有办法让Zurb Foundation静态/无响应?

时间:2013-11-23 07:50:46

标签: css responsive-design zurb-foundation

我问这是因为我们使用Zurb Foundation开始了一个项目。但是,正如我们已经在构建它,我们意识到我们需要的不仅仅是响应式框架,以满足移动设备的需求。 (我们计划建立一个单独的移动应用程序,但它还不是我们直接关注的问题。)

因此,当在任何设备上查看时,它会保持静态或无响应(意味着布局仍然像在桌面上一样),而不是我们分发一个脆弱/不可用的移动版本,这样会更好。该应用程序有许多表格和数据,无需更改整个架构,无法在移动设备上嵌入。

那么,回到我的问题,有没有办法让Zurb Foundation静态/无响应?

3 个答案:

答案 0 :(得分:1)

也许试试this 或删除foundation.min.css中的媒体

答案 1 :(得分:1)

要做的主要事情是覆盖.row宽度。

.row {
  width:960px !important;
}

这是一个有效的jsFiddle

答案 2 :(得分:0)

这样的事情:

.row {
width: 1200px;
max-width: 1200px;
min-width: 768px;
margin: 0 auto;

}