使用 JavaScript 更改屏幕大小答案

【问题标题】：Change screen size using JavaScript使用 JavaScript 更改屏幕大小
【发布时间】：2013-04-20 06:15:22
【问题描述】：

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

似乎有两种选择：

删除基础并创建新的 CSS 文件（可能从基础核心 CSS 中提取选定的规则用于网格）；一种用于台式机，一种用于移动设备。然后根据 cookie 值或 URL 查询加载 CSS 文件。（长法）
使用 JavaScript 修改屏幕大小（最大宽度、最小宽度 ..），这样媒体查询会得到错误的信息并加载正确的结果？（想象）

第二种可能吗？还有其他（简单的）方法吗？

【问题讨论】：

【解决方案1】：

是的，您可以修改元标记。不久前我为一个项目做过，我在 github 上有一个脚本/插件：https://github.com/Trolleymusic/minWidth - 我刚刚更新了它，为你提供了一些演示。

您必须包含 Modernizr 否则它将不起作用

你只需像这样运行它：

minWidth(x);

x 是你想要的最小宽度。

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

对

【讨论】：