html - Mozilla 中的响应式内联 block 不会缩小(替代 CSS 方法？)

Question

我正在尝试显示带有标题的响应式(随着浏览器缩小而调整大小，但在其自身的最大像素处达到最大)。我以为我想出了一个解决方案，使用

display:inline-block

在标题的父 div 上，但后来意识到它在 Mozilla 中不起作用。

这是我的工作解决方案(在 Mozilla 中没有响应 - 图像从不缩小): http://jsfiddle.net/eBy9H/2/

这是它没有“内联 block ”并且无法正确显示(当浏览器比图像宽时，标题 div“cappic”运行 100% 的父 div: http://jsfiddle.net/eBy9H/1/

有没有一种方法可以“收缩包装:其父级内部的标题 div，以便它在不使用内联 block 的情况下不会溢出(因为内联 block 在 Mozilla 中似乎没有响应)？谢谢!

Answer 1

.picwrap 上没有max-width: 100%。参见 fiddle .