网站里用JS文件做图片广告,怎么把这个图片广告做成响应式的?

JavaScript010

网站里用JS文件做图片广告,怎么把这个图片广告做成响应式的?,第1张

使用css3进行各个屏幕端的css样式构造,如:

.wd {

    width:1280px

    height:200px

    background:red

}

@media(max-width:1280px){

    .wd{

        width:960px

        height:160px

        bakcground:yellow

    }

 }

每范围的屏幕大小均可定义不同的css.

<div id="ad" style="display:">

<img src="广告图片" /><br />

<img src="关闭小图片" onclick="closed()"/>

</div>

<script>

function closed()

{

var aaa=document.getElementById("ad")

aaa.style.display="none"

}

</script>