如何让开发的网站在移动端打开时默认展示桌面端视图？

• 最直接的方案是修改HTML头部的viewport元标签，把自适应宽度改成你桌面端站点的固定设计宽度即可，示例代码如下：

  <meta name="viewport" content="width=1200, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
  

  其中width字段的值替换为你实际桌面端页面的设计宽度即可，常见的桌面端设计宽度有1200px、1366px、1920px等，按你的实际情况调整即可。如果不需要用户缩放页面，可以把user-scalable改成no，同时把maximum-scale设为1.0。
• 如果你的项目用了前端构建工具自动注入viewport配置，需要去对应的构建配置文件里修改默认的viewport规则，避免自己写的标签被覆盖失效。
• 如果站点部署在Nginx上，也可以通过配置Nginx判断移动端UA，针对移动端请求返回带固定宽度viewport的页面，适合需要同时保留桌面端原有自适应逻辑的场景。

补充注意：如果之前写过适配移动端的媒体查询CSS代码，需要先注释或删除对应代码，否则可能会触发移动端样式导致布局不符合预期。

内容的提问来源于stack exchange，提问作者cruza