Question

无论如何都要使html页面中的所有图像都能够响应而不需要输入class =“img-responsive”和width =“100％”？因为我正在使用tinymce html编辑器，当我把图像放到那里时，图像没有响应，当我使用智能手机浏览我的网站时，它看起来很破碎，所以也许有一些方法可以让所有人默认响应？

或者也许有一些javascript可以做到这一点？检测页面中的所有img标记并添加

class =“img responsive”width =“100％”

Answer 1

好的抱歉，我想念一下，这个问题已经在这里被问到了所以我只是给答案一个链接 Images not responsive by default in Twitter Bootstrap 3?

所以只需添加

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

只需在bootstrap.css的最底部添加此css行，或者只需创建一个新的css文件并将其命名为mystyle并将其放在脑中的每个css链接之后（我这样做，所以请保留原始引导程序。 css文件干净）

Answer 2

您可以使用!important;作为css属性的添加来覆盖其他css属性。因此，在不知道引导程序深度的情况下，您可以尝试在样式表中添加类似这样的内容

img {
    width: 100% !important;
    height: auto !important;
}

或者在<style> - 部分的</style>和head之间插入此内容。

希望这有助于快速发挥作用。如果您需要其他建议，请告诉我。

<强>更新另一个提供的答案是干净的。你应该将答案标记为正确;）

祝你好运，玛丽安。

自动生成所有图像引导响应类

2 个答案: