我一直试图调整这些风格。
在此页面上:http://69.195.124.215/~vtiffcom/about-vtiff/
。
我的徽标有一个div,副头有一个div。徽标是图标。小标题是文本"佛蒙特州国际电影节"
当浏览器调整大小时,子标题位于徽标下方,然后根据浏览器宽度开始调整大小。我想调整大小,然后归入徽标。
我知道第二步将来自应用于媒体查询的样式,但是如何在第一次媒体查询之前调整它的大小。
我已尝试过大多数宽度/最大宽度/高度组合:auto,但我无法在降低徽标下方之前调整子尺寸。
谢谢 -
答案 0 :(得分:0)
删除浮动:左;和浮动:对;来自2个元素。添加显示:内联块;到id = container2并给它一个百分比宽度:60%;或者......那应该让你满意。享受:)
答案 1 :(得分:0)
看我的小提琴:http://jsfiddle.net/Whre/acsa9/
我所做的是将宽度(百分比)应用于图像的父元素而不是max-width。
除此之外,img { max-width:100%; }
的方法绝对正确。