【问题标题】:CSS absolute positioning & responsive designCSS 绝对定位和响应式设计
【发布时间】:2013-08-28 06:27:05
【问题描述】:

我正在构建这个网站,我们有一个很酷的想法,即使用绝对定位将徽标重叠在导航栏和滑块上。唯一的问题是,它破坏了主题的响应性。

在不破坏响应能力的情况下,我该怎么做才能拥有这种外观?

我们正在建设的网站:http://cohesivehosting.com/create/dukesandwich/

自行调整窗口大小,您将看到“iPhone 类似分辨率”中的徽标现在位于响应式菜单栏上方。

【问题讨论】:

  • 用正确的文字和颜色将圆形标志换成风格化的标题?

标签: css wordpress responsive-design


【解决方案1】:

在移动布局中,我会从绝对定位切换到相对定位

【讨论】:

  • 那真的很棒。我该怎么做呢?抱歉,刚接触响应式设计。
  • 类似@media all and (max-width: max-size) and (min-width: min-size) {headerelement{position:relative;}}
  • 知道了...非常感谢您的帮助!我认为这会奏效。
猜你喜欢
  • 1970-01-01
  • 2014-06-24
  • 2017-04-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-04
相关资源
最近更新 更多