css - 在桌面版和移动版网站之间切换的策略

Question

现在研究了几个小时，我想找到一个聪明的解决方案，让用户有机会切换到网站当前移动版本的桌面版本。

从技术上讲，我要么有一个专门的移动站点，要么有一个带有媒体查询的站点，这使得设计负责。

对我来说，具有响应式设计的单一网站的最后一个选择是非常有趣的。

1.) 你能想到什么方法来操纵用户的设计？

2.) 它应该在服务器端还是客户端？优点缺点？

3.) 您对可能的解决方案有哪些经验？

我知道那里已经有一些问题......

https://stackoverflow.com/questions/11146768/switching-between-mobile-and-desktop-site

从移动版切换到完整网站（桌面版）

非常感谢！

Answer 1

最简单的 CSS 修复将是：例如：

#wrap {
 width: 1020px;
}

@media only screen and (max-width: 900px) { /* Screen which has a maximum width of 900px */

  #wrap {
    width: 500px;
  } 

}