Question

我已经建立了一个基础大师wordpress主题的网站，它看起来不错，但我不喜欢它在其他浏览器宽度中的表现。有没有办法使它无响应，或固定到一定的宽度？

谢谢！

Answer 1

有时需要停用响应功能。例如，如果它已经发生在我身上两次，那么网站就会启动无响应，智能手机/平板电脑的优化会在以后添加。

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

无论如何，这是我的两分钱。这停止了对我的所有响应：

.row {  
     width: 62.5rem;
}

然后在_settings.scss

中

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

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

Answer 2

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

也许您应该更好地投入这些时间来使您的网站响应更快，以便它也适用于较小的屏幕和移动设备。

Answer 3

虽然问题被标记为已回答，但我只想给你一个快速提示，以防止基金会4网格采取行动，因为我们还要处理这个问题。

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

Answer 4

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

html,
body {
  font-size: 100%; 
  min-width: 1020px;
  }

（foundation.css）