是否可以让 html 页面中的所有图像都具有响应性，而无需键入 class="img-responsive" 和 width="100%" ？因为我使用的是 tinymce html 编辑器，当我将图像放入其中时，图像没有响应，并且当我使用智能手机浏览我的网站时它看起来很损坏，所以也许有某种方法可以让所有内容默认响应？
或者也许有一些javascript可以做到这一点？检测页面中的所有img标签并添加
class="img 响应" width="100%"
【问题讨论】：
标签： javascript html css twitter-bootstrap tinymce-4
您可以通过使用!important; 作为css 属性的补充来覆盖另一个css 属性。因此，在不了解引导程序深度的情况下，您可以尝试在样式表中添加类似这样的内容
img {
width: 100% !important;
height: auto !important;
}
或者在head-section 中的<style> 和</style> 之间插入。
希望这有助于快速提示。如果您需要其他建议，请告诉我。
更新 另一个提供的答案是干净的。您应该将该答案标记为正确；）
最好的问候， 玛丽安。
【讨论】：
好的，对不起，我错过了一些东西，这个问题已经在这里被问过了 所以我只是放了一个答案的链接 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 文件清理）
【讨论】：
无需通过 css 处理。您可以在 tinymce 编辑器本身中添加图像时应用“img-responsive”类。
在您的 tintmce 编辑器属性中添加以下属性：
image_class_list: [
{title: 'Responsive', value: 'img-responsive'},
{title: 'None', value: ''}
],
参考和学分： http://archive.tinymce.com/forum/viewtopic.php?pid=114620#p114620
【讨论】：