前言：
目前网络上关于HTM5+CSS自适应站越来越多，今天就来说下如何对广告位进行自适应控制。这里我自己测试了三种方法，逐个说一下，大家比较一下。
方法一：
这个方法主要用来做网站自适应的，同时可以实现撑起内容高度，避免图片加载后导致的页面滚动。
我采取了比较简单粗暴的方法，就是直接在img的父元素上加padding-bottom标签。
前端代码：
CSS
方法二：
测试了第一种方法后，我尝试了第二种方法，这个是在模板里进行操作，主要是对CSS的修改，就是使用两个广告位，一个一个大屏幕的，一个小屏幕的。
1、PC端广告位：大屏幕显示，小屏幕隐藏
2、移动端广告位：大屏幕隐藏，小屏显示。
3、我们找到这个站点的主CSS，或者直接在模板或者页面里添加以下CSS内容
在需要显示的地方添加下面前端代码：
CSS
上面CSS解释：
display:block 显示的意思
display:none 隐藏的意思
@media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{}的样式。
方法三：
主要是通过css来实现图片高度的自适应问题，这种方法是可以在图片上方垂直居中展示文字的
前端代码：
CSS
上面的三种方法我都实际运用过，各有各的特点吧，主要看自己的实际需要吧。
正文完