使用浏览器显示调整图像大小

时间:2014-02-28 16:14:51

标签: html css html5 twitter-bootstrap twitter-bootstrap-3

我正在创建一个网站,我正在使用轮播引导程序,该网站是移动友好的,但我唯一的问题是滑块图像不会随着图像缩小,所以它最终使它们看起来伸展。我已经尝试过max-width和max-height 100%,但它没有任何建议吗?

如果您调整浏览器的大小,您将明白我的意思,标题高度不会缩小。

这是索引页面的一个示例:

http://pastebin.ca/2648252

这是我的css

http://pastebin.ca/2648251

代码太长了,无法在此处发布,可以在那里看到无需下载。

感谢。

1 个答案:

答案 0 :(得分:1)

尝试将img-responsive类添加到轮播图像..

<img src="/images/logo-1.jpg" class="img-responsive">

http://www.bootply.com/117666