現(xiàn)在越來(lái)越多的站長(zhǎng)都開始使用自適應(yīng)的網(wǎng)站程序，自適應(yīng)的網(wǎng)站更加的方便優(yōu)化和推廣，但是網(wǎng)站的收益有一部分來(lái)源于網(wǎng)站的廣告，自適應(yīng)的網(wǎng)站如何添加廣告位呢，傳統(tǒng)的添加方法比如在PC端添加了廣告位，但是到了移動(dòng)端會(huì)導(dǎo)致廣告變形或者不能顯示完全，自適應(yīng)網(wǎng)站如何添加自動(dòng)適配廣告位，跟著桂林seo一起來(lái)學(xué)習(xí)下。

 

1、先找到網(wǎng)站所使用的css文件，在css文件添加一下代碼：
 

.pcd_ad{display:block;}

.mbd_ad{ display:none}

@media(max-width:768px) {

.pcd_ad{display:none !important;}

.mbd_ad{display:block !important;}

}

 

2、在需要調(diào)用廣告的位置插入下面的代碼：

 

<p class="pcd_ad">電腦端廣告代碼</p>

<p class="mbd_ad">手機(jī)移動(dòng)端廣告代碼</p>

 

 

以上css代碼的作用是：判斷瀏覽器頁(yè)面寬度小于769px的時(shí)候顯示M端的廣告位代碼，反之顯示PC段的廣告位代碼。