javascript - div 不会随窗口大小缩放，jquery 会阻止它吗？

Question

我页面上的所有图像都使用百分比来定位和调整大小。这是我第一次尝试完全响应式页面。当我调整窗口大小时，一切都按比例缩小，除了这个保存推荐的 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>

www.pseudoburbia.com/indextest.html

Answer 1

在图片上设置宽度 100%，看起来问题就解决了