susy-compass - Compass Susy 表格布局显示桌面布局

Question

我有一个使用 compass susy 工具主题化的网站。到目前为止，一切都很好。现在我的客户希望 iPad 和类似的设备显示桌面布局而不是表格布局（移动布局可以）

我目前的 susy 布局：

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

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

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

注意：在考虑了更多关于这个问题之后，我认为我需要包括移动网站的视口，而不是平板电脑或台式机。

我错过了什么？

score 0 · Accepted Answer

是的，您需要更新视口。然后只需在桌面容器上设置一个 min-width 为您希望它停止收缩的任何大小：

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

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

1 回答 1