css - 如何让标题中的横幅流到 Logo 后面?需要有反应

标签 css responsive-design

我在让我的标题图片正确流动时遇到了一些问题。这是一个响应式 WP 主题。

这是我要实现的设计。 (我现在不担心社交图标):http://screencast.com/t/0xJuqKuteU

首先,我需要带有红色背景的消息栏在 Logo 下方和横幅之外流动,如下所示:http://screencast.com/t/CZ4DkbRA50R

然后对于横幅和消息栏,我需要它们在屏幕缩小到手机尺寸时更好地工作。这是我需要它在手机上显示的方式:http://screencast.com/t/z5BQ7zB4

请注意,横幅出现在导航的正下方,消息栏消失了。

这是我正在处理的网站:http://dev.frugalreality.com

感谢您的帮助!

最佳答案

拥有屏幕 CSS 和媒体/电话 CSS 页面应该有助于管理这两个不同的屏幕。

关于css - 如何让标题中的横幅流到 Logo 后面?需要有反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13813242/

相关文章:

javascript - Accordion 中的 Accordion

html - 全局类 CSS 中的文本阴影覆盖

css - Bootstrap 使 iPhone 的缩放比例与 iPad 相同。

html - 如何在 gmail 中获取带有文本的全宽 html 电子邮件?

html - 垂直居中字段集中的 anchor 标记

css - 标准 yeoman webapp 设置中的 compass 无法正确呈现线性渐变

JavaScript, fancybox 画廊

html - 背景 slider 在移动设备上失真。 (WordPress)

css - Twitter Bootstrap 还是 Zurb Foundation?你喜欢哪个?

css - 响应式三 Angular 形div