0

对于 plone 4.2.5,是否有一种简单的方法可以根据访问者的屏幕尺寸在桌面/移动版本之间设置主题切换?诸如“如果小于 640x480 则”之类的东西为移动版本提供服务?例如,谈论 2 个非重氮主题?

什么是++skin++换肤,可以吗?

我对克隆很陌生,而不是真正的程序员,因此非常感谢“理智”的解决方案!

4

3 回答 3

4

查看portal_css(通过Zope 管理界面)并搜索“mobile”。在“CSS Media”字段中,您会发现:

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

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

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

请注意,如果您希望在减小窗口大小(不仅仅是屏幕大小)时改变设计,请使用“max-width”而不是“max-device-width”。

于 2013-04-21T22:09:55.280 回答
2

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

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

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

于 2013-04-22T14:43:00.877 回答
2

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

于 2013-04-21T20:05:36.433 回答