我正在 bootstrap 的帮助下开发一个 Wordpress 主题，因此我手动将案例应用于所有内容图像，如下所示：
<img src="images/logo_03.png" class="img-responsive">
有没有办法自动应用相同的类属性？我不想为此目的进行查询。我确信 bootstrap 有办法解决我的问题，所以让我知道任何 CSS 解决方案。
您可以直接在主题中使用 LESS mixin。
如果您希望所有图像都有响应，您可以说：
//in your theme.less file
img {
.img-responsive();
}
会给你这个theme.css file:
img {
//all Bootrap CSS properties that make your image responsive
//including surrounding media queries
}
但是，不建议这样做，因为它适用于所有<img> tags.
一个更专业的选择是让你的课程像：
//in your theme.less file
.theme-img {
.img-responsive();
//additional theme-specific styling
border: 1px solid blue;
}
并将其应用到您的图像中：
<img class="theme-img" src="..." />
更新：
与建议使用 jQuery 的其他答案不同，此解决方案不需要任何脚本，并且可以在旧浏览器（例如 IE）中工作。此外它适用于任何<img>插入到文档中的标签即使jQuery 代码已运行。但是，如果您决定使用 Javascript，我建议使用document.querySelectAll() https://developer.mozilla.org/en/docs/Web/API/Document.querySelectorAll因为它不需要 jQuery 并且运行速度稍快一些。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
