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

时间:2013-02-05 11:05:15

标签: css responsive-design media-queries

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

从技术上讲,我要么拥有一个专门的移动网站,要么就是一个有媒体查询的网站让设计负责。

对我而言,具有响应式设计的单个网站的最后一个选项非常有用。

1。)您可以想到用户操作设计的方式是什么?

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

3.。)您对可能的解决方案有什么样的经验?

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

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

Switch From Mobile Version to Full Website (Desktop Version)

非常感谢!

1 个答案:

答案 0 :(得分:0)

最简单的CSS修复方法是: 例如:

#wrap {
 width: 1020px;
}

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

  #wrap {
    width: 500px;
  } 

}