问使用Bootstrap的响应式SVG
EN

Stack Overflow用户

提问于 2020-11-20 19:37:12

回答 1查看 32关注 0票数 0

朋友们，有谁知道在bootstrap中使用哪个类来调整svg到小屏幕的大小？

我不想对每个解决方案都使用css。我相信bootstrap对此有一个解决方案

发布于 2020-11-20 20:11:24

我们可以使用img-fluid类来使图像响应，如下所示：

<img src="..." class="img-fluid" alt="Responsive image">

注意:在Internet Explorer10和11中，带有.img-fluid的SVG图像的大小不成比例。要解决此问题，请在必要时添加width: 100%；或.w-100。此修复程序不正确地调整其他图像格式的大小，因此Bootstrap不会自动应用它。

对于缩略图大小的图像，我们可以像这样使用img-thumbnail类：

<img src="..." alt="..." class="img-thumbnail">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64928769

复制

相似问题

问使用Bootstrap的响应式SVGEN