javascript - 使用 JavaScript 更改屏幕大小

Question

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

似乎有两种选择:

• 放弃基础并创建新的 CSS 文件(也许从网格的基础核心 CSS 中提取选定的规则)；一种用于台式机，一种用于移动设备。然后根据 cookie 值或 URL 查询加载 CSS 文件。 (长方法)

• 使用 JavaScript 修改屏幕尺寸(最大宽度、最小宽度......)，以便媒体查询获取错误信息并加载正确结果？ (想象)

第二种可能吗？是否有另一种(简单的)方法来做到这一点？

Answer 1

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

你必须包含 Modernizr 否则它不会工作

你只需像这样运行它:

minWidth(x);

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

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

http://waynedurack.com/minWidth/demos/with.html

对比

http://waynedurack.com/minWidth/demos/without.html