javascript - 使用 JavaScript 更改屏幕大小

Question

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

似乎有两种选择：

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

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

score 2 · Accepted Answer

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

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

您只需像这样运行它：

minWidth(x);

其中 x 是您想要的最小宽度。

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

对比

1 回答 1