1. Firefox中“max-width:100%”不兼容问题

    这个博客是基于“Pelican + Markdown + 定制的my-gum主题”的。定制的主题将博文正文页面的 右边栏去掉,这导致在Firefox等浏览器中,正文中大的图片会突破正文块的宽度,高度也得不到限制,显示效果非常差。

    其原因是:Markdown的图片区块元素![Alt text](/path/to/img.jpg)渲染成HTML元素的结果为 -

    <p>
        <img src="/path/to/img.jpg" alt="Alt text"></img>
    </p>
    

    <p>元素内的元素是行内(inline)元素。主题my-gum使用的CSS框架gumby对img元素是使用max-width: 100%将图片的最大宽度限制为父元素的宽度。但在Firefox中max-width对于行内元素并不会生效(all elements but non-replaced inline ...

Page 1 / 1