将浏览器中的网站视图更改为响应模式

Question

我有一个应用程序，它提供了生成正常或响应式内容的可能性。

现在我想实现一个预览功能，以便用户可以在视图之间进行测试和自动切换，就像它在 chrome 中实现的那样。

只需要三个按钮，智能手机、平板电脑、台式机。有人有一个好主意如何很好地做到这一点吗？它应该适用于所有当前的浏览器:)

谢谢

Answer 1

解决方案 1：调整浏览器窗口大小 - 这将为您提供一个新的视口，然后任何相对宽度都会适应该视口。使用

window.resizeTo(width, height);

（来源：this answer）不需要 jquery。

也看看这里：http://www.w3schools.com/jsref/met_win_resizeto.asp

解决方案 2：编辑视口本身。 在this solution 中搜索 5 秒后发现。

viewport = document.getElementById('viewport');
viewport.setAttribute('content', 'width=YOURWIDTH');