响应式内联块在 Mozilla 中不缩小（替代 CSS 方法？）答案

【问题标题】：Responsive inline-block not shrinking in Mozilla (alternate CSS method?)响应式内联块在 Mozilla 中不缩小（替代 CSS 方法？）
【发布时间】：2014-02-07 11:10:27
【问题描述】：

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

display:inline-block

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

这是我的工作解决方案（在 Mozilla 中没有响应 - 图像永远不会缩小）： http://jsfiddle.net/eBy9H/2/

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

有没有办法“收缩包装：它的父级内部的标题 div，这样它就不会在不使用 inline-block 的情况下溢出（因为它看起来 inline-block 在 Mozilla 中没有响应）？谢谢！

【问题讨论】：

标签： html css responsive-design

【解决方案1】：

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

【讨论】：

非常感谢，我正在尝试一切！奇怪的是只有 Mozilla 需要额外的声明。
@OperAtor 一旦你使用了一段时间的浏览器，你就会意识到它们是一个非常不稳定的群体。他们在校园里玩得不好。他们不想学习，他们只是编造自己的（不正确的）知识。责怪他们的父母（浏览器开发者）。