亚马逊广告没有出现在媒体查询css上

Question

我创建了一个流畅的设计网站，有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++;

    }

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