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％放在图像上，它看起来像是解决了问题

div不会随窗口大小而缩放，jquery会停止吗？

1 个答案: