0

我用 Foundation-master wordpress 主题制作了一个网站，它看起来不错，但我不喜欢它在其他浏览器宽度中的表现。有没有办法让它无响应，或固定到一定的宽度？

谢谢！

4

4 回答 4

1

有时有必要停用响应功能。例如，如果，就像我已经发生过两次一样，网站启动时没有响应，并且稍后会添加针对智能手机/平板电脑的优化。

即使你去掉了响应能力，Foundation 也是一个很棒的框架。SCSS 文件的结构非常好，它带有一个非常有用的 UI 元素库。如果您问我，这是响应式和非响应式网站的绝佳选择。有些人可能还希望简化他们的工作流程，而不是根据项目在不同的框架之间跳转以保持低成本。

无论如何，这是我的两分钱。这为我停用了所有响应能力：

.row {  
     width: 62.5rem;
}

然后在 _settings.scss

$small-range: (0, 90em);
$medium-range: (0, 90em);
$large-range: (0, 90em);

这样，我们基本上总是看到大版本。据我所知，这甚至适用于顶栏等。

于 2014-05-01T18:56:48.200 回答
0

Foundation 旨在简单地创建响应式网站。除了如果您不想要响应式网站为什么要使用此框架的问题之外，只有当您开始删除基础 css 中的所有媒体查询并删除视口元标记时，才有可能。

也许您应该更好地投入这个时间来使您的网站具有响应性，以便它也适合较小的屏幕和移动设备。

于 2013-07-03T14:32:01.020 回答
0

虽然这个问题被标记为已回答，但我只是想给你一个快速提示，以防止 Foundation 4 网格做出响应，因为我们也必须处理这个问题。

在我们的例子中（SASS 版本）<body>通过 css 将元素的宽度设置为网格的特定宽度，并将 SASS 变量中的断点减少$small-screen到 1px 工作正常。

于 2013-11-21T10:46:27.010 回答
0

尝试在 body 属性中添加 min-width ，如下所示：

html,
body {
  font-size: 100%; 
  min-width: <value A>;
  max-width: <value A>;
  width: 100%;
}

（基础.css）

于 2013-12-04T16:48:43.623 回答