这是我的情况,我有一个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. 流体闪存布局