CSS响应图像

时间:2014-08-03 21:53:26

标签: css responsive-design

我一直试图调整这些风格。

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

我的徽标有一个div,副头有一个div。徽标是图标。小标题是文本"佛蒙特州国际电影节"

当浏览器调整大小时,子标题位于徽标下方,然后根据浏览器宽度开始调整大小。我想调整大小,然后归入徽标。

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

我已尝试过大多数宽度/最大宽度/高度组合:auto,但我无法在降低徽标下方之前调整子尺寸。

谢谢 -

2 个答案:

答案 0 :(得分:0)

删除浮动:左;和浮动:对;来自2个元素。添加显示:内联块;到id = container2并给它一个百分比宽度:60%;或者......那应该让你满意。享受:)

答案 1 :(得分:0)

看我的小提琴:http://jsfiddle.net/Whre/acsa9/

我所做的是将宽度(百分比)应用于图像的父元素而不是max-width。 除此之外,img { max-width:100%; }的方法绝对正确。