Javascript div不会随窗口大小而缩放,jquery是否正在停止它?

Javascript div不会随窗口大小而缩放,jquery是否正在停止它?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的页面上的所有图像都使用百分比进行定位和大小调整。这是我第一次尝试完全响应页面。当我调整窗口大小时,所有内容都会缩小,除了这个保存推荐信的div,它也是jquery页面中唯一一个交叉淡出推荐信的部分。我在IE中打开,jquery被阻止,所以我尝试调整窗口大小,它正常工作。我该如何解决这个问题?我试着只用css做同样的事情,但它要复杂得多,而且它还提到它与浏览器不完全兼容 这里有一些代码,但我不知道哪部分是问题所在。我为你活了下来。图片是巨大的,我需要调整大小,请原谅业余时间 .slidesho

我的页面上的所有图像都使用百分比进行定位和大小调整。这是我第一次尝试完全响应页面。当我调整窗口大小时,所有内容都会缩小,除了这个保存推荐信的div,它也是jquery页面中唯一一个交叉淡出推荐信的部分。我在IE中打开,jquery被阻止,所以我尝试调整窗口大小,它正常工作。我该如何解决这个问题?我试着只用css做同样的事情,但它要复杂得多,而且它还提到它与浏览器不完全兼容

这里有一些代码,但我不知道哪部分是问题所在。我为你活了下来。图片是巨大的,我需要调整大小,请原谅业余时间

.slideshow {    
background-image:url('images/bubble.png');
background-size:cover;
position:absolute;
top:60%;
right:1%;
}

.slideshow img {
width:100%; 
}


<div class="slideshow" style="width:20%">
    <img src="images/testimonialzack.png" />
    <img src="images/testimonialerica.png" />
</div>

<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
    fx: 'fade' 
});
});
</script>
.slideshow{
背景图片:url('images/bubble.png');
背景尺寸:封面;
位置:绝对位置;
最高:60%;
右:1%;
}
.幻灯片{
宽度:100%;
}
$(文档).ready(函数(){
$('.slideshow')。循环({
外汇:“褪色”
});
});

www.pseudoburbia.com/indextest.html

将图像的宽度设置为100%,似乎解决了问题

请在问题中添加表示问题的最少代码。对,那么它不应该随窗口大小缩放吗?我尝试在图像上使用内联css,但没有任何效果,我已经有100%的css图像。你到底做了什么?javascript正在创建自己的框。如果将幻灯片放映div设置为Px宽度,则幻灯片放映背景图像将变为可缩放的百分比,但此图像与文本断开关联,请将文本放入您拥有的背景图像中,并确保文本也为百分比。如果在此之后您仍然有问题,让我们看看您使用的jquery会很有帮助。div没有设置为px宽度,而是设置为20%。没有文本,只有背景图像和文字图像位于顶部并过渡。我无法将文本放入背景图像,而不必依赖某种css来实现过渡效果——我已经尝试过了。我编辑并添加了jquery,我文章中的链接也很好——你可以看到整个过程。