这是我的情况，我有一个css 3列流体布局（终于掌握了圣杯，谢谢大家！）在我的左栏中我有一个谷歌的adsense广告。对于那些熟悉这一点的人来说，他们在广告尺寸方面不是很灵活，但我很好奇是否有办法根据列的宽度更改广告。目前这个专栏的比例是20％，所以我想也许是一个很好的老式“If - Else”声明可能会做到这一点，但我还没有让它发挥作用。逻辑是说我们有两个广告，一个180像素宽一个（a）和一个280像素宽一个（b），所以如果列大于280像素那么它将显示广告b，如果没有那么它将显示广告还有其他人这样做过吗？谢谢！
答案 0 :(得分：0)
这里有一些注意事项。首先，你用css标记了这个问题。如果您只是想使用css来隐藏您的逻辑确定不应该显示的广告，那么这样做很简单，但这是一个糟糕的主意。首先，您将隐藏已加载的广告，Google明确禁止该广告。接下来，您最终可能会隐藏首先加载的广告，因此您的网页上的点击次数最多。您不希望留下展示价值较低的广告。
您需要做的是在页面加载时使用javascript 来确定视口宽度，然后选择要在您正在讨论的广告位中加载的广告代码。在尽可能多的浏览器中进行测试，因为您需要确保获得正确的视口宽度才能使此策略起作用。如果由于某种原因，它不起作用，请确保回退不会灾难性地折叠布局。此方法的缺点是，如果用户在页面加载后更改视口大小，则广告将破坏边界。您至少可以使用CSS来缓解此边缘情况，隐藏或裁剪广告的父div（overflow: hidden;），以便更改视口大小不会破坏布局。