在 Susy 2 中将流体站点更改为两个固定断点答案

【问题标题】：Changing a fluid site to two fixed breakpoints in Susy 2在 Susy 2 中将流体站点更改为两个固定断点
【发布时间】：2023-04-01 23:32:01
【问题描述】：

我使用 Susy 2/breakpoint 为客户创建了一个流畅的网站但是他们想要更改网站以显示小于 320 像素的移动布局，然后在任何高于 321 像素的设备上缩小桌面（例如加载固定宽度的网站） .

有没有办法改变 Susy 设置，所以我不必重写它固定宽度，我应该注意视口元标记中的任何内容吗？

【问题讨论】：

能否提供网站链接？
抱歉，这是在测试中：Test site 基本上，客户有一个 320px 的视图，他们想保留在移动设备上。然后在上面显示桌面视图的尺寸上。我在那里有 H5BP 元标记，这会引发一些问题，尤其是在调整视口大小时。我做了一些测试，如果我将所有百分比值更改为 px，那么我可以强制使用桌面版本。但后来我遇到了一些方向问题。

【解决方案1】：

从

更改您的元标记

<meta name="viewport" content="width=device-width, initial-scale=1">
 to
 <meta name="viewport" content="width=320, initial-scale=1">

这会将移动布局（仅限纵向模式）设置为 320 像素，而对于其余分辨率，它将显示网站的桌面版本。

【讨论】：