【问题标题】:Responsive grid, floated elements move underneath one another when min-width is reached响应式网格,当达到最小宽度时,浮动元素在彼此下方移动
【发布时间】:2012-10-17 06:58:22
【问题描述】:

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

我创建了两个基于百分比宽度的浮动 div。一个包含随着浏览器调整大小而调整大小的图像。图片的最小宽度为 100 像素。

谁能告诉我为什么当放入一个移动大小的宽度时它不会下降?如何在文本下方制作图像堆栈?

JS Fiddle

Live site

【问题讨论】:

    标签: html css responsive-design


    【解决方案1】:

    如果您应用: min-width: 100px; 改为放在 side 元素上,然后在一个小屏幕上它下降到底部。祝设计好运。 (像这样:http://jsfiddle.net/eddturtle/7d6D7/1/

    【讨论】:

      猜你喜欢
      • 2014-05-06
      • 2013-08-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-04-26
      • 1970-01-01
      • 2012-06-18
      • 2019-06-01
      相关资源
      最近更新 更多