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

标签 javascript css toggle media

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

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

有什么方法可以让我在使用媒体查询开发的桌面和移动样式表之间自由切换吗?使用 javascript 对于移动设备来说会不会太庞大而无法下载?

我很感激任何建议。谢谢!

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

最佳答案

我 90% 确信这单独使用 CSS 是不可能的,但使用 PHP 或 Javascript 可以轻松实现。使用 javascript 应该不会太庞大。

一些例子

PHP Style Switcher

Javascript Style Switcher

Jquery Style Switcher

关于javascript - 具有手动切换功能的 CSS 移动媒体样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10886132/

相关文章:

Javascript 追加/删除元素

javascript - 验证用户时 Angular 闪烁

html - 如何在 IE 中设置 svg+xml 图像的最大宽度?

css - 如何创建重叠的多重颜色 div?

javascript - 使用复选框、切换相关下拉列表和 DIV 可见性启用下拉选择

jquery - 容器 onclick 在视频元素和文本之间切换

php - 如何使用 javascript 或 PHP 仅从字符串中获取?

javascript - HTML Canvas 未使用 Javascript 进行更新

html - 如何让子元素在溢出时水平扩展父元素?

javascript - 如何使用 Bootstrap 切换被单击的元素并隐藏所有其他元素?