有没有办法让移动设备上的视点宽度为 700，而桌面上保持为 1080
例如： meta name="viewport" content="width=700"（仅适用于移动设备）
meta name="viewport" content="width=1080"（仅适用于桌面）
答案 0 :(得分：0)
技术上是的：
<meta name="viewport" content="width=700">
...因为桌面浏览器无论如何都会忽略视口说明。
元视口的存在是因为当智能手机首次出现时，没有人为它们设计网站。如果每个网站都因此崩溃，那么没有人能够销售智能手机，因此他们默认使用奇怪的缩放技巧并提供视口设置，这样如果有人在设计他们的网站时考虑了智能手机，他们就不会'不要被不适当的缩放所困扰。
一般来说，您不应在视口设置中指定宽度。如果您已经拥有一个采用固定宽度设计的世纪之交网站，并且您需要现代的小屏幕设备来应对它，那么您就可以使用它。
大多数情况下
<meta name="viewport" content="width=device-width, initial-scale=1">
... 与 CSS 一起使用是最佳选择，它利用媒体查询使设计适当负责。
如果您真的想根据设备设置宽度，那么您可能不得不求助于使用 JavaScript 检测屏幕大小，在 cookie 中设置它，然后触发重新加载。
然后，如果cookie存在，用服务器端代码设置meta标签，不要输出设置cookie和重新加载页面的JS。
我不推荐这种方法。