技术上是：

<meta name="viewport" content="width=700">

…因为桌面浏览器无论如何都会忽略视口指令。

Meta viewport之所以存在，是因为当智能手机刚推出时，没有人为其设计网站。如果每个网站都因此而崩溃，那么没有人能够卖出智能手机，所以他们默认使用奇怪的缩放技巧，并提供了视区设置，这样，如果有人在设计网站时考虑到了智能手机，他们就不会被不恰当的缩放所困住。

一般来说，您不应该在您的视口设置中指定宽度。它是那里的情况下，你已经有一个网站从世纪之交的一个固定宽度的设计，你需要现代的，小屏幕设备能够应付它。

在大多数情况下

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

…与CSS一起是最优的，它利用媒体查询使设计正确负责。

如果您真的想根据设备设置宽度，那么您可能不得不使用JavaScript检测屏幕大小，在cookie中设置，然后触发重新加载。

然后，如果cookie存在，则使用服务器端代码设置meta标记，不要输出设置cookie并重新加载页面的JS。

我不推荐那种方法。