Javascript 当使用ZURB基金会4时，如何切换到手机上的桌面视图？ 我在不久前开发了一个使用响应框架Zurb基金会4的网站。p>

现在，我的客户要求放置一个按钮，上面写着“切换到桌面版本”，当访问者点击该按钮时，该网站的行为应该与移动设备上的无响应或桌面版本类似

---

我试图在基础4中找到类似的东西，但没有成功，有些解决方案只是用JavaScript删除媒体查询。请记住基金会4使用移动第一…谁能给我提点建议吗

作为起点，您可以使用js操作

viewport

元标记

原来是这样

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

注意：这只适用于当前页面，并在下一页加载时丢失。但是，您可以使用cookie来保留用户的首选项，并在cookie存在时在每次页面加载时设置视口

你可以在按钮上使用<代码>点击< /代码>处理程序来删除/隐藏<代码>基础4 <代码> CSS文件吗？如果我移除基础4 CSS文件，我必须再次为桌面版本写样式……我担心还有很多工作要做：（或者把手机上使用的款式拆分成另一张纸，然后隐藏起来。）再说一遍：这会花太多时间。

document.getElementById("myViewportTag").setAttribute('content', 'width=1280, inital-scale=1.0')