我正在尝试显示带有标题的响应式(随着浏览器缩小而调整大小,但在其自身的最大像素处达到最大)。我以为我想出了一个解决方案,使用
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 中似乎没有响应)?谢谢!
最佳答案
.picwrap
上没有max-width: 100%
。参见 fiddle .
关于html - Mozilla 中的响应式内联 block 不会缩小(替代 CSS 方法?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21618518/