responsive-design - 在 Susy 2 中将流体站点更改为两个固定断点

Question

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

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

Answer 1

更改您的元标记

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

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