【问题标题】:Is there a way to make Zurb Foundation static / non-responsive?有没有办法让 Zurb Foundation 静态/无响应?
【发布时间】:2023-03-22 16:54:01
【问题描述】:

我问这个是因为我们使用 Zurb 基金会启动了一个项目。然而,由于我们已经在构建它,我们意识到我们需要的不仅仅是一个响应式框架来满足移动设备的需求。 (我们计划构建一个单独的移动应用程序,但这还不是我们的直接关注点。)

因此,在任何设备上查看时,它最好保持静态或无响应(这意味着布局保持与桌面上的一样),而不是我们分发一个脆弱/无法使用的移动版本。该应用程序有很多表格和数据,如果不更改整个架构,这些表格和数据无法塞进移动设备中。

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

【问题讨论】:

  • 你可以修改foundation的css。一旦你改变了网格系统,它应该或多或少没有响应
  • 因此,您将为移动设备提供完全不同的网站。那为什么还要关心响应性呢?那些移动用户永远不会看到它。

标签: css responsive-design zurb-foundation


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    主要是覆盖.row的宽度。

    .row {
      width:960px !important;
    }
    

    这是一个有效的jsFiddle

    【讨论】:

      【解决方案3】:

      类似这样的:

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

      }

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2010-11-30
        • 1970-01-01
        • 1970-01-01
        • 2019-11-07
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-04-01
        相关资源
        最近更新 更多