我刚刚使用响应式框架 Zurb Foundation 4 开发了一个网站。
现在我的客户要求放置一个按钮，上面写着“切换到桌面版”，当访问者点击它时，网站应该表现得像无响应或桌面版应该在移动设备上那样。
我试图在基础 4 中找到类似的东西，但没有成功，一些解决方案只是使用 javascript 删除媒体查询。请记住 Foundation 4 使用 Mobile First ...有人可以提出一些建议吗？
最佳答案
作为起点，您可以使用 js 操作 viewport 元标记。
原来是
<meta name="viewport" content="width=device-width, initial-scale=1.0">
添加一个 id 以便于引用，并将属性 content 的内容更改为类似 width=1280 的内容:
document.getElementById("myViewportTag").setAttribute('content', 'width=1280, inital-scale=1.0')
注意:这仅适用于当前页面，并会在下一次页面加载时丢失。但是您可以使用 cookie 来保留用户的首选项，并在存在 cookie 时在每次页面加载时设置视口(viewport)。
关于javascript - 使用 Zurb Foundation 4 时如何在移动设备上切换到桌面 View ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20380748/