CSS 响应图像

标签 css responsive-design

我一直在尝试调整这些样式。

在此页面上:http://69.195.124.215/~vtiffcom/about-vtiff/

我的 Logo 有一个 div,副标题有一个。 Logo 是图标。副标题是文字“佛蒙特国际电影节”

当浏览器调整大小时,副标题落在 Logo 下方,然后开始根据浏览器宽度调整大小。我想调整大小,然后落在 Logo 下。

我知道第二步将来自应用于媒体查询的样式,但是我如何让它调整大小直到第一次媒体查询。

我已经尝试了 width/max-width/height:auto 的大多数组合,但我无法让副标题在落入 Logo 下方之前调整大小。

谢谢--

最佳答案

移除 float :左;和 float :对;从2个元素。添加显示:内联 block ;到 id=container2 并给它一个百分比 width: 60%;左右.. 那应该让你覆盖。享受:)

关于CSS 响应图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25109485/

相关文章:

css - 如何在 Bootstrap 中连续拉伸(stretch)图像

css - 手机上的网站比显示器大

javascript - Google Chrome 更新后 Sencha Touch 旋转

javascript - 从功能外部控制 BX slider

javascript - 如何将 HTML 字符串插入到 div 容器中,并在 "flex-wrap"行中显示这些容器?

切换布局时jquery同位素容器高度宽度

jquery - 悬停和点击事件在响应式菜单中重叠

css - Bootstrap 3 : Responsive navbar opens off-canvas on the left instead of default behaviour

html - 带显示屏的按钮 :block not stretched