具有手动切换功能的CSS移动媒体样式

时间:2012-06-04 18:17:59

标签: javascript css toggle media

所以我正在尝试同时构建一个网站的移动和桌面版本(使用MediaWiki引擎,如果有人感兴趣的话)。由于我对移动设备构建没有太多经验,所以我一直在寻找一些良好的移动开发实践。最后,我觉得媒体查询对我需要做的事情有好处,主要是因为在这个任务中不可能在不同的域(例如m.foo.com vs foo.com)上进行双重发布。

CSS媒体查询的缺点似乎是电话用户无法随时以桌面格式查看该网站(Google或YouTube在使用手机访问时就是一个很好的例子)。

我有什么方法可以在使用媒体查询开发的桌面和移动样式表之间自由切换?使用javascript过于笨重,无法下载移动设备吗?

我感谢任何建议。谢谢!

编辑:为了澄清,是的,我想点击移动样式上的链接或按钮切换到桌面样式。

1 个答案:

答案 0 :(得分:2)

我90%确定单独使用CSS ,但可以使用 PHP或Javascript 轻松完成。使用javascript不应该太笨重。

一些例子

PHP Style Switcher

Javascript Style Switcher

Jquery Style Switcher