發布時間：2019-11-05 來源：未知 瀏覽： 關鍵詞：

 很多小伙伴問墨魚 自適應站點添加廣告怎么辦，因為PC端增加了廣告，到移動端會變形或者顯示不全或者根本不顯示，那么今天墨魚給大家講解下方法，拋磚引玉，方便大家！

首先小伙伴們先放棄一個東西，就是后臺的廣告管理！接下來所有事情都應該在模板里進行了！基礎差的小伙伴們要惡補一下，或者找高手解決，或者直接付費找墨魚哦！HOHO！

1.我們先找到這個站點的主CSS，或者不用找CSS，直接在模板或者頁面里添加以下CSS：

---

.pcd_ad{display:block;}

.mbd_ad{ display:none}

@media(max-width:768px) {

.pcd_ad{display:none !important;}

.mbd_ad{display:block !important;}

}

---

上面CSS的意思大概：

display:block  這是顯示的意思

display:none 這是隱藏的意思

@media(max-width:768px)  判斷頁面寬度小于768PX的時候顯示后面{}的樣式。

2.我們要找到自己想添加廣告的地方，然后插入以下代碼：（找不到？這個沒法教程，意思就是模板里你想顯示廣告的地方！）

---

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

<div class="mbd_ad">手機移動端廣告代碼</div>

---

好了，就是那么簡單，然后該更新更新，該刷新刷新。就成了！