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

Question

我有一个应用程序可以提供正常或响应内容的可能性。

现在我想实现预览Funktion，以便用户可以在视图之间自动测试和切换，就像在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');