在较小的视口中显示HTML时，如何最好地处理<img/>大小

Question

我将从外部源获取的HTML渲染到类设置为modal-dialog modal-lg的Bootstrap模式对话框。

<img>标签始终是一个问题，因为图片的大小，图像最常溢出模式。

调整图片代码大小的最佳方法是什么？将替换<img>代码＆＃39;使用PHP preg_replace()的大小是可能的吗？

我采用了很长的生成缩略图的途径，但对某些图像来说效果不佳。

Answer 1

你甚至直接使用内置的bootstrap类，即

<img src="" class="img img-responsive" alt="">

这些将照顾一切。 你不需要编写任何其他代码来使其响应。

谢谢

Answer 2

保持图像响应的最佳方法如下：

img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}