如何使响应网站在移动上呈现桌面版本？

Question

所以，我不想尝试响应，我想在手机上显示这个网站的桌面版本(很明显是缩放/放大)，然后让用户放大和缩小来查看网站。

我希望这是一个选项，而不是显示响应版本的网站。

有什么简单的方法吗？

Answer 1

您必须使用“viewport”元标记。

例如，要始终以桌面分辨率显示移动站点，可以使用

<meta name="viewport" content="width=1280,initial-scale=1">

要动态添加移动调整大小，您可以执行以下操作

var meta = document.createElement('meta');
meta.name = "viewport";
meta.content = "width=1280,initial-scale="+window.innerWidth/1280;
document.getElementsByTagName('head')[0].appendChild(meta);

Answer 2

您可以删除viewport元标记来实现这一目标。

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