如何让响应式网站在手机上呈现桌面版本？

Question

因此，我不想尝试做出响应，而是想在移动设备上显示网站的桌面版本（明显缩放/缩小），然后让用户放大和缩小以查看网站。

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

有没有简单的方法可以做到这一点？

Answer 1

您可以删除viewport 元标记来实现此目的

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

Answer 2

您必须使用“视口”元标记

例如，始终以您可以使用的桌面分辨率显示移动网站

<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);