訪問者のモニターサイズによって表示するタグを変更する

質問

私のホームページはテーブルを全く使用しないＣＳＳレイアウト(float使用)で左のメニュー部分と右のコンテンツ部分に分かれています。
メニュー部分に横２００ピクセルを使用していて、コンテンツ部分に横７２８ピクセルの広告を使用しているので最低でも９２８ピクセルが必要(？)で、訪問者のモニターの解像度によっては正しく表示されません。
ＣＳＳレイアウトのため横バーが出るのではなくコンテンツ部分がメニューの下に行ってしまいます。
そこで、訪問者のモニターサイズが横９３０ピクセル以上の場合は
横７２８ピクセルの広告を４２８ピクセルのような広告表示させたいです。
訪問者の解像度に応じてタグを変更させることはできるでしょうか？

回答No.1

yambejp · ベストアンサー

javascriptでできないことはないでしょうけど
あまりよい場合わけではないとおもいますので
もっと別の方法を検討なさった方がよいと
おもいます。

<script language="javascript">
var w=window.innerWidth;
if (w<=930){
document.write("image_s.jpg");
}else{
document.write("image_l.jpg");
}
</script>

お礼

参考になりました。ありがとうございました。