使用浏览器自动调整图像大小

我正在创建一个网站，并且我使用的是传送带引导程序，该网站对移动设备友好，但是我遇到的唯一问题是滑块图像不能与图像一起收缩，因此最终会制作他们看起来伸展。我已经尝试了最大宽度和最大高度100％，但它不起作用任何建议？我已经使用使用浏览器自动调整图像大小

<class="img-responsive">

但仍然无效。如果有人想要去看看会发生什么，我已经修改了小提琴。我已经删除了高度500px，但仍然没有运气。

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

这是索引页的例子：

http://pastebin.ca/2648252

这是我的CSS

http://pastebin.ca/2648251

代码太长，张贴在这里，可以在那里没有下载可以看出需要。

谢谢。

小提琴代码：jsfiddle.net/K56hT/5当你缩小与响应的IMG浏览器

。调整大小时，它会将图像推出窗口。

来源

2014-03-03 user3365549

你试过不同的媒体吗？ '@media（max-width：550px）{...}？' – BrOSs

我确实检查过你的小提琴，但对我来说确实如此。我的意思是，图像自动调整大小。 – Kakar

你可以查看实时版本www.talktimeonline.co.uk – user3365549

主横幅看起来像是在示例上调整大小。请你能提供更多的信息来解释这个问题吗？根据屏幕尺寸的不同，横幅会在顶部导航后丢失，但这是绝对定位的结果。

**更新**

我添加了一个新的小提琴，这将有望显示出它的工作，因为你需要，没有灰色框。可能值得您将原始的CSS和HTML与小提琴进行比较，以确定所有更改并确保我没有因其他原因移除您在其中的任何内容，但关键的变化是将CSS放置在旋转木马上并移除您拥有的固定高度on .carousel和.carousel内部类。

.carousel { 
    margin-bottom: 60px; 
} 

.carousel .item { 
    background-color: #777; 
} 

.carousel-inner > .item > img { 
    display: block; 
    position: relative; 
    width: 100%; 
}

它是否有诀窍？

http://jsfiddle.net/LSBFd/2/

来源

2014-03-03 19:21:12 MCG

是的，它已经排序了自动调整大小的问题，但是下面的灰色框看起来不专业。我试图通过删除高度来摆脱它，但是我的完整图像消失了。任何想法为什么？ – user3365549

您可以在整个块周围添加一个固定div，然后使用绝对定位来显示内容。更容易演示比解释...这是从另一个用户的前一个小提琴显示的想法：http://jsfiddle.net/Aj7xg/ – MCG

嗯，它仍然是同样的问题。这是小提琴。 http://jsfiddle.net/K56hT/5/ 即时通讯试图摆脱灰箱和图像留在它的位置。不可能是大声笑？ iv已经尝试了很多天了。 – user3365549

使用浏览器自动调整图像大小

回答

相关问题