html - 尽管我设置了宽度，但为什么我的图像会缩小？

Question

我已经设置了宽度和高度，但它忽略了这一点，并显示为原始尺寸。为什么？？？Bootstrap Css是防止还是什么？？？

            <p class="responsive-img">  
                <img alt="2011-08-16_20.01.51" class="img-polaroid" height="100" src="/system/user_avatars/1/thumb/2011-08-16_20.01.51.jpg?1355911975" width="100" />
            </p>

Answer 1

是的，Twitter Bootstrap CSS 会覆盖该height属性（并且，取决于浏览器及其模式，该width属性也是如此）。它设置height: auto和width: auto\9。CSS 设置会覆盖 HTML 属性，因此您需要使用 CSS 来覆盖 Bootstrap 设置。在内联 CSS 中，您将使用

 <img ... style="width: 100px; height: 100px" ...>

但您也可以在style元素中使用样式表或外部样式表。Bootstrap 代码使用img选择器，因此很容易被级联规则击败。