これは私の状況ですが、私はcss 3列の流体レイアウトを持っています（最終的に聖杯をマスターしました、皆さんありがとう！）、私の左の列には私はGoogle AdSenseの広告があります。あなたはこれに精通している人のために、広告のサイズにあまり柔軟ではありませんが、列の幅に基づいて広告を変更する方法があるのか不思議です。現在、このコラムは20％ですので、古き良き時代の "If - Else"声明がこのトリックを行うかもしれないと思っていますが、私はそれをまだ働かせていません。ロジックは、180ピクセル幅（a）と280ピクセル幅（b）の2つの広告があるため、280ピクセルより大きい場合は広告bを表示し、それ以外の場合は表示します広告する。他の誰かがこれをしましたか？ありがとう！聖杯のレイアウトのためのAdSenseの柔軟性？
ここではいくつかの考慮事項があります。まず、この質問にCSSでタグを付けました。あなたのロジックが表示されるべきではないと判断した広告を隠すために単にcssを使いたいのであれば、それは簡単ですが、これはひどい考えです。 1つは、Googleが特に禁止している読み込まれた広告を隠すことです。次に、最初に読み込まれた広告が隠れてしまう可能性があります。したがって、ページ上で最も貴重なクリックが発生します。貴重ではない広告を放置したくない。
あなたがしなければならないことは、ビューポートの幅を確認して、あなたが話している広告スロットに読み込む広告コードを選択するには、のjavacript を使用します。できるだけ多くのブラウザでこれをテストしてください。なぜなら、この戦略の正しいビューポート幅を確保する必要があるからです。なんらかの理由で動作しない場合は、フォールバックがレイアウトを激しく崩壊させないことを確認してください。この方法の欠点は、ページの読み込み後にユーザーがビューポートのサイズを変更すると、広告が境界を壊すことです。ビューのサイズを変更してもレイアウトが損なわれないように、広告の親div（overflow: hidden;）を非表示にするかトリミングして、このエッジケースのシナリオを軽減するには、少なくともCSSを使用できます。