如何制作响应式网站在移动设备上呈现桌面版？

Question

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

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

有一种简单的方法吗？

Answer 1

您可以移除viewport元标记以实现此目标

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

Answer 2

您必须使用'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);