Question

使用zurb foundation的移动优先体验，我开发了一种响应式设计。现在，当在移动设备或平板电脑上打开网站时，我的客户端需要在页脚中显示“查看桌面版本”的显式链接。

似乎有两种选择：

删除基础并创建新的CSS文件（可能从基础核心CSS中为网格提取所选规则）;一个用于桌面，一个用于移动。然后根据cookie值或URL查询加载CSS文件。（长方法）
使用JavaScript修改屏幕大小（max-width，min-width ..），因此媒体查询获取错误信息并加载正确的结果？（想象力）

第二种选择可能吗？还有另一种（简单的）方法吗？

Answer 1

是的，您可以修改元标记。我在一段时间内为一个项目做了这件事，我在github上有一段脚本/插件：https://github.com/Trolleymusic/minWidth - 我刚刚为你更新了一些演示。

您必须包含Modernizr，否则无法使用

你就这样运行：

minWidth(x);

其中x是您希望的最小宽度。

在手机上查看两个演示文件之间的区别：

VS