我们可以使用面板响应式网页设计吗?


8

我想使用Omega主题,使用响应式设计创建一个新站点。面板模块适合于响应式设计吗?还是应该使用其他模块(例如上下文模块)?谢谢

Answers:



5

是! 我刚刚做完。

假设有2种颜色和变体-您可能还需要其他布局:

  1. 在分辨率最低的@media查询CSS中,我只是将'.panels-col-first'和'.panels-col-last'设置为{ width: 99.9%; clear: both }
  2. 在更高分辨率的布局中,当您希望它返回到2列布局时,只需撤消覆盖 { width: 49.9%; clear: none }

笔记:

  • 如果您想支持IE 6和7,因为它们具有舍入错误,因此%宽度的总和应小于100%。如果您有一个,并且确实需要0.2%的返还,可以随时在特殊的ie.css中执行此操作!
  • 这些类应该已经设置为由Panel Panel主CSS向左浮动,但是如果需要,您也可以覆盖它们。

1

我遇到过同样的问题。无需在CSS中进行编码即可解决问题。->欧米茄采用灵敏设计处理井板。

“默认情况下,Omega附带了一些面板布局。如果在站点上启用了Omega主题的情况下启用面板,然后添加新面板,则会看到Omega:列出了12,(或16或24)列网格选择其中一种,然后选择一种布局。我为它的简单程度感到尴尬,我什至不知道!

我在此页面上找到了解决方案,第二条评论 http://www.kendallsdesign.com/blog/omega-theme-sensitive-design-resources

顺便说一句,确实有很好的材料。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.