根据访客的屏幕尺寸切换plone主题

Question

对于plone 4.2.5是否有一种非复杂的方法可以根据访客的屏幕尺寸设置桌面/移动版本之间的主题切换？ 像“如果小于640x480然后”这样的东西服务于移动版本？ 例如，谈论2个非重氮主题？

什么是皮肤切换的++ skin ++，它可以起作用吗？

我是个新人，而不是真正的程序员，所以一个“理智”的解决方案真的很感激！

Answer 1

查看portal_css（通过Zope管理界面）并搜索“mobile”。在“CSS Media”字段中，您会找到：

handheld, screen and (max-device-width: 480px)

这会设置一个媒体查询，如果他们知道（承认）他们是手持设备或者屏幕宽度为480px或更低，则会导致浏览器使用mobile.css样式表。这一切都是通过完全标准的CSS完成的，您可以使用相同的原理来实现针对不同屏幕宽度的完全不同的页面设计。有几本关于响应式设计的好书（“响应式”是神奇的词）。您可以自定义此样式表，也可以添加自己的媒体查询样式表。

您还可以在“Twitter Bootstrap”中看到媒体查询和响应式设计的全面和流行使用，它提供了各种类选择器，您可以使用这些选择器来更改各种屏幕宽度的设计。 Plone 4.3附带的较新版本的plone.app.theming中包含一个bootstrap示例。

注意，如果您希望在缩小窗口大小（而不仅仅是屏幕大小）时更改设计，请使用“max-width”而不是“max-device-width”。

Answer 2

我不这么认为。但是，您应该研究响应式设计和媒体查询。我怀疑你可以在一个主题中使用符合标准的CSS来实现你想要的东西。

Answer 3

http://plone.org/products/collective.themeswitcher/

这是您可以使用的替代实现。从描述：

此插件旨在轻松支持新的切换台。目前唯一实现的切换器是基于http://detectmobilebrowsers.com/（python版本）的用户代理的“移动切换器”。