响应网格,当达到最小宽度时,浮动元素在彼此下方移动

时间:2012-10-16 22:50:59

标签: html css responsive-design

我正在创建一个响应式网站(目前只处理主要内容。)

我创建了两个基于宽度百分比的浮动div。一个包含一个图像,通过浏览器调整大小调整大小。图像的最小宽度为100px。

任何人都可以告诉我为什么当放入移动尺寸的宽度时它不会下降?如何在文本下面制作图像堆栈?

JS Fiddle

Live site

1 个答案:

答案 0 :(得分:2)

如果您申请: min-width: 100px;代替旁边的元素,然后在一个小屏幕上它下降到底部。祝你好运。 (像这样:http://jsfiddle.net/eddturtle/7d6D7/1/