javascript - 如何使我的图像响应？

Question

大家好，使用 Twitter Bootstrap :http://twitter.github.io/bootstrap/base-css.html#tables

我正在徘徊如何阻止这种情况发生:http://img823.imageshack.us/img823/6606/screenshotfrom201306071.png 我希望图像随窗口调整大小，直到它从 bootsrap 中凸起到文本上方。

它的链接:http://www.prxa.info/articles/category/1用户:test.prxa。通过:测试

我需要这里的图片最大为 350 像素，因为人们包含的一些图片很大，必须调整大小以免弄乱。

这是我为缩略图区域和里面的图像自定义的 CSS:

.thumbnail
{
    width: 350px;
    height: 220px;
    display: table-cell; 
    vertical-align: middle;
}

img.tagline-img
{
    max-width: 350px;
    max-height: 220px;
}

Answer 1

不是最好的响应技术，但它会让它适合

就用

img.tagline-img { 
   width:100%;
}

刚刚在您的网站上测试过