PCとスマホで広告サイズを切り替える方法 - 犬も歩けば猫も歩く

PCとスマホで広告サイズを切り替える方法 - 犬も歩けば猫も歩く

前回、レスポンシブWEBデザインテンプレートを使って、PCサイトからモバイルフレンドリーサイトにする方...概要を表示 前回、レスポンシブWEBデザインテンプレートを使って、PCサイトからモバイルフレンドリーサイトにする方法をご紹介しましたが、今日は「PCとスマホで広告サイズを切り替える方法」をご紹介したいと思います。 アドセンスをお使いなら、「レスポンシブ」広告ユニットを使うだけで、PCやスマホ、 タブレットなど、デバイスによって最適なサイズの広告が選択されるのでとても便利なのですが、エーハチネットやバリューコマースなどのアフィリエイトサービスには、現在のところ「レスポンシブ」広告がありません。 468×60サイズの広告など貼ったりすると、スマホで見ると横に大きくはみ出してしまいとても格好が悪い・・・。妥協して300×250サイズの広告を一つ貼るという手もありますが、“帯に短したすきに長し”といった感じは否めません。 なので、CSSを使ってPCとスマホでの広告表示切替をする必要があります。 480px以下

• CSS