调整图像大小以适应ipython中的宽度

Question

任何人都可以使用自定义CSS在 Firefox 中获得适合宽度的图像而不会在单元格的底部留下大量空白区域吗？感谢custom.css的最小Markdown示例。这是复制问题的方法：

第一小组：

![Big image](http://cantelofmedford.com/wp-content/uploads/2011/02/oversize1.jpg)

See the white space after this?

第二小组：

%run talktools.py

现在执行两个单元格。除非您使用以下条目创建自定义css，否则图像将不适合：p img {width: 100%;}当您这样做时，第一个单元格的底部会有空白区域：

Answer 1

我在style.css添加了以下条目：

.cell.text_cell { display: inline-block; }
.cell p img { width: 100%; }

在Firefox 26上测试过。黑客也许，但这是我能做的最好的。如果有人找到更好的解决方案，请分享。

Answer 2

我发现添加一个HTML单元格来基于每个笔记本更新CSS，是更改style.css的更好选择。

%%html
<style>
img { width: 100%; }
</style>