基础只对一定宽度有反应

Foundation responsive only to a certain width

本文关键字：有反应      更新时间：2023-09-26

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

有人知道怎么做吗？

已编辑

我有以下媒体查询：

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

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

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

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

我希望这能有所帮助：）

相关文章：