Css Adsense能否灵活运用holy grail流体布局?

Css Adsense能否灵活运用holy grail流体布局?,css,adsense,Css,Adsense,这就是我的情况,我有一个css 3栏的流体布局(终于掌握了圣杯,谢谢大家!),在我的左栏我有一个谷歌adsense广告。对于那些熟悉这一点的人来说,他们在广告大小上不是很灵活,但我很好奇是否有办法根据栏目的宽度来改变广告。目前这个专栏占20%,所以我想也许一个好的老式的“If-Else”语句可以起到作用,但我还没有让它起作用。逻辑是,假设我们有两个广告,一个180像素宽的广告(a)和一个280像素宽的广告(b),所以如果列大于280像素,那么它将显示广告b,如果不大于280像素,那么它将显示广告

这就是我的情况,我有一个css 3栏的流体布局(终于掌握了圣杯,谢谢大家!),在我的左栏我有一个谷歌adsense广告。对于那些熟悉这一点的人来说,他们在广告大小上不是很灵活,但我很好奇是否有办法根据栏目的宽度来改变广告。目前这个专栏占20%,所以我想也许一个好的老式的“If-Else”语句可以起到作用,但我还没有让它起作用。逻辑是,假设我们有两个广告,一个180像素宽的广告(a)和一个280像素宽的广告(b),所以如果列大于280像素,那么它将显示广告b,如果不大于280像素,那么它将显示广告a。还有其他人这样做吗?谢谢

这里有一些注意事项。首先,你用css标记了这个问题。如果您只是想使用css隐藏您的逻辑确定不应显示的广告,那么这样做很简单,但这是一个糟糕的想法。首先,你将隐藏一个加载的广告,这是谷歌明确禁止的。接下来,您可能会隐藏一个首先加载的广告,因此在您的页面上有最“有价值”的点击。你不想被留下来展示你价值较低的广告

您需要做的是在页面加载时使用javascript确定视口宽度,然后选择要在您正在谈论的广告槽中加载的广告代码。在尽可能多的浏览器中测试这一点,因为您需要确保获得正确的视口宽度以使此策略正常工作。如果由于某种原因,它不起作用,请确保回退不会灾难性地破坏布局。这种方法的缺点是,如果用户在页面加载后更改视口大小,则广告将打破边界。您至少可以使用CSS来缓解这种边缘情况,隐藏或裁剪广告的父div(
overflow:hidden;
),以便视口大小的更改不会破坏布局