指南针Susy表格布局以显示桌面布局

Question

我有一个网站，我使用指南针susy工具进行了主题设置。到目前为止还不错。现在我的客户希望iPad和类似的设备显示桌面布局，而不是表格布局（移动布局可以）

我当前的susy布局：

$mobile: 4 44em;
$desk: 45em 12;

我遇到的问题是，由于我使用的是魔术网格，桌面布局看起来被挤压在平板电脑中。

我希望桌面布局能在平板电脑中作为常规网站查看，而不使用任何自动放大或缩小的响应网格或方法，所有内容都能按比例显示在屏幕上。

注意：在思考了更多的问题后，我认为我需要包括移动网站的视口，但不包括平板电脑或台式机的视口。

我错过了什么？

Answer 1

是的，您需要更新视口。然后简单地在桌面容器上设置一个最小宽度，无论你想让它停止收缩：

.container {
  @include at-breakpoint($desk) {
    min-width: 55em;
  }
}

（当然，我不知道你的代码。但你可以根据需要进行调整。）