這是我的情況,我有一個css 3列流體佈局(終於掌握了聖盃,謝謝大家!),並在我的左欄我有一個谷歌的AdSense廣告。對於那些熟悉這一點的人來說,他們在廣告尺寸方面的靈活性不是很好,但我很好奇是否有辦法根據列的寬度更改廣告。目前這個專欄佔20%,所以我想可能是一個很好的老式的「If - Else」聲明可能會做到這一點,但我還沒有得到它的工作。邏輯是,我們有兩個廣告,一個180像素寬(a)和一個280像素寬(b),所以如果該列大於280像素,那麼它將顯示廣告b,如果不是則它將顯示廣告一個。有沒有其他人做到這一點?謝謝!聖盃流體佈局的Adsense靈活性?
1
A
回答
0
這裏有幾個注意事項。首先,你用css標記了這個問題。如果你只是想用css來隱藏廣告,而你的邏輯已經確定不應該顯示,那麼這麼做很微不足道,但這是一個糟糕的主意。首先,您將隱藏Google特別禁止的加載廣告。接下來,您最終可能會隱藏首先加載的廣告,因此您的網頁上的點擊次數最多。您不想留下顯示價值較低的廣告。
您需要做的是在頁面加載處使用javascript 來確定視口寬度,然後選擇要在您正在討論的廣告位中加載的廣告代碼。在儘可能多的瀏覽器中進行測試,因爲您需要確保獲得正確的視口寬度才能使此策略發揮作用。如果出於某種原因無法正常工作,請確保回退不會使災難性佈局崩潰。此方法的缺點是,如果用戶在頁面加載後更改視口大小,則廣告將打破邊界。您至少可以使用CSS來緩解這種邊緣情況,隱藏或裁剪廣告的父div(overflow: hidden;
),以便更改視口大小不會破壞佈局。
相關問題
- 1. CSS聖盃佈局
- 2. 引導4聖盃佈局
- 3. 「聖盃」使用flexbox的三列布局
- 4. 角材料聖盃flexbox佈局
- 5. 聖盃域類屬性
- 6. Plone工作流程的聖盃
- 7. 流體佈局和css精靈
- 8. CSS聖盃 - 有2個固定/ 1柱流體的問題
- 9. SQL Server尋呼和聖盃
- 10. CSS流體佈局?
- 11. JavaScript流體佈局
- 12. Css 3靈活的盒子佈局
- 13. 使Recyclerview中的佈局更加靈活
- 14. CSS中的靈活佈局像vBulletin
- 15. 靈活的盒子佈局或網格佈局或多列
- 16. 流體佈局 - 保存佈局
- 17. Xcode 6自動佈局靈活寬度
- 18. 如何重命名包中的聖盃
- 19. 單頁流體佈局
- 20. 三柱流體佈局
- 21. CSS流體/靜態佈局
- 22. twitter bootstrap流體佈局
- 23. 流體佈局定位div
- 24. CSS流體網格佈局
- 25. Bootstrap非流體IE7佈局
- 26. 流體佈局用z-index
- 27. 流體或固定佈局
- 28. css流體佈局問題
- 29. 流體網格佈局jQuery
- 30. 流體閃存佈局