Javascript 媒体查询css上未显示亚马逊广告

我创建了一个流体设计网站，它有3个栏目，其中一个栏目有亚马逊联盟广告。这些广告是包含链接的图像。我制作了javascript，这样图像就会流畅——当用户改变浏览器窗口大小时，这些广告图像就会缩小或放大。当我只有一个CSS文件时，这非常有效，但现在我有多个不同屏幕大小的CSS文件。当网站使用媒体屏幕CSS文件时，图像根本不会显示。代码如下-请帮助

/*亚马逊广告图片类*/

ul li .coverImg{

    box-sizing:border-box;
    -moz-box-sizing: border-box;
    position:relative;
    height:300px;
    width:300px;
    overflow:hidden;

    }

/*javascript allAmazonImgs are called by class .coverImg*/

var allAmazonImgs = document.getElementsByClassName("coverImg");     
var allAmazonImgsAspectRatio = new Array(); 
var iImgIndex = 0; 

    for(i=0;i < allAmazonImgs.length;i++)
    {

    var oImg = allAmazonImgs[i];
    allAmazonImgsAspectRatio[iImgIndex] = parseInt(oImg.offsetHeight/oImg.offsetWidth);
    iImgIndex++;

    }

ulli.coverImg{
框大小：边框框；
-moz框大小：边框框；
位置：相对位置；
高度：300px；
宽度：300px；
溢出：隐藏；
}
/*javascript allAmazonImgs由class.coverImg调用*/
var allAmazonImgs=document.getElementsByClassName（“coverImg”）；
var allAmazonImgsAspectRatio=新数组（）；
var iImgIndex=0；
对于（i=0；i

---

我的网站使用PHP-HTML从mySQL调用行值。“/>

我想我需要看看你的HTML——加载CSS文件的链接。它们的调用方式可能有问题，或者CSS文件可能相互干扰。还有，iImgIndex和我之间的关系是什么？为什么它们不一样？嗨，李斯特先生！谢谢你的评论。我的网站使用PHP-HTML调用mySQL中的行值。“/>我忘了粘贴javascript的变量。这就是它们。var allAmazonImgs=document.getElementsByClassName（“coverImg”）；var allAmazonImgsAspectRatio=新数组（）；var iImgIndex=0；你应该编辑你的帖子并把它放进去。但是自从添加了额外的文件后，这个Javascript没有改变吗？