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

标签 html css responsive-design

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

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/

相关文章:

html - 即使在使用 word-wrap 之后,flex item 也会因长单词而溢出容器

javascript - 我需要一个在每个字符都在 [a-zA-Z0-9_] 之外或者字符串仅为数字的情况下失败的正则表达式

javascript - 在新 TD 中添加元素

jquery - Css 主题对 jquery 更改无效

html - 您可以使用 CSS 更改输入字段中的深蓝色选择颜色吗?

html - CSS中的响应式水平图像布局

html - 如何使我的 SVG 图像适合父包装 div?

javascript - 如何使用 Angular js 将对象添加到存储在本地存储中的数组中?

php文件中的javascript/css弹出div

html - CSS - 响应式相对 Flex Div