【问题标题】:Strategies for switching between desktop and mobile version of the website在桌面版和移动版网站之间切换的策略
【发布时间】:2013-01-20 06:57:44
【问题描述】:

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

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

对我来说,采用响应式设计的单一网站的最后一个选项非常有趣。

1.) 您能想到哪些方式来操纵用户的设计?

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

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

我知道已经有一些问题存在......

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

Switch From Mobile Version to Full Website (Desktop Version)

非常感谢!

【问题讨论】:

  • 您找到解决方案了吗? stackoverflow 上有大量帖子询问如何使用媒体查询并包含在移动/桌面之间切换的选项,但很少有帮助
  • 我最终用 javascript 为 body 添加了一个额外的类......并为移动/桌面切换类

标签: css responsive-design media-queries


【解决方案1】:

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

#wrap {
 width: 1020px;
}

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

  #wrap {
    width: 500px;
  } 

}

【讨论】:

  • 现在如何切换回桌面?
  • 你不需要,如果屏幕有多个900px,它会显示默认的。但是,不涉及切换,如果您想在900px 屏幕上查看默认切换,则使用此代码是不可能的。
  • 这就是重点......我希望用户有机会切换......通过链接等。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-09-13
  • 1970-01-01
相关资源
最近更新 更多