javascript - 仅对特定宽度响应的基础

Question

我正在使用 zurb 基金会创建一个响应式网站。当我调整窗口大小时，网格变为移动模式，这是正常行为。当我调整窗口大小时，有什么方法可以让网站保持不变并且浏览器只添加一个滚动条？我仍然需要存在移动版本，仅适用于手机，并且我已经尝试使用 min-width 来设置添加滚动条的点。

有谁知道如何做到这一点？

已编辑

我有以下媒体查询：

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {}

在 html 中，我有以下类的元素：

small-block-grid-1 large-block-grid-3

Answer 1

在 css 文件中，将媒体查询更改为max-device-width仅针对目标设备。

我希望这有帮助 ：）