Question

我有一个使用指南针susy工具主题的网站。到现在为止还挺好。现在我的客户希望iPad和类似的设备显示桌面布局而不是桌面布局（移动布局没问题）

我现在的布局：

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

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

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

注意：在考虑了一些问题之后，我想我需要为移动网站添加视口，但不包括平板电脑或桌面。

我错过了什么？

Answer 1

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

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

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