【问题标题】:Can someone help me with some responsive css please?有人可以帮我做一些响应式的 CSS 吗?
【发布时间】:2013-11-04 11:36:02
【问题描述】:

我正在使用 Drupal。我在我的 kickstart 子主题中添加了站点名称和标语,这是 omega 的子主题。然后我通过branding.tpl.php 文件添加了一个电话号码。当我调整窗口大小时,品牌文字会向下移动并位于页面上其余元素的后面 - 它不会像我希望的那样将其他所有内容向下推。

我正在处理的网站是 www.mediamatterstechnology.com,请有人给我一些关于如何修复此品牌部分的响应性的建议。

我希望发生的情况是,当您调整窗口大小时,品牌部分会像当前一样向下移动,但会将其他所有内容一起向下推,而不是消失在页面上的其他项目后面。

非常感谢您对此提供的任何帮助

【问题讨论】:

  • 你能展示一些你的代码或视图吗?
  • 首先改变你的滑块,它有一个固定的宽度

标签: css drupal responsive-design themes stylesheet


【解决方案1】:

您的第一个问题是<hgroup class="site-name-slogan"> 的指定高度为150px。将此更改为 auto 允许文本扩展到所需的空间。

这引入了第二个问题,因为绝对定位的菜单部件会干扰它。但是,您如何解决这个问题可能会产生设计上的影响,并且有很多可能性。

一种解决方案是在设计位于具有以下 CSS 规则的移动版布局中时,在 hgroup 上强制设置底部边距:

body.responsive-layout-mobile hgroup.site-name-slogan { margin-bottom: 40px; }

【讨论】:

    猜你喜欢
    • 2022-01-01
    • 1970-01-01
    • 2011-12-22
    • 1970-01-01
    • 2021-02-21
    • 1970-01-01
    • 1970-01-01
    • 2014-03-28
    • 1970-01-01
    相关资源
    最近更新 更多