Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。Adsenseがレスポンシブデザインに対応しました...を投稿をしましたが、その時はJavascriptで広告サイズを変更する仕様でした。Adsenseのサイトを確認しましたらCSS3のメディアクエリで広告サイズを変更するコード(ベータ版)が出ておりましたので今日はそのご紹介です。レスポンシブデザインただし、レスポンシブと言ってもページを読み込んだ後にブラウザのサイズを変更しても広告サイズは自動では変更されず読み込み時点での広告サイズが表示されます。同様にモバイル端末でポートレート表示後にランドスケープにしても広告サイズは変更されませんがいづれ対応していくそうです。Adsenseのページで新しい広告ユニットをクリックします。広告サイズの中からレスポンシブ広告ユニットを選択して広告を作成します。広告を作成しましたら、コードを取得します。コードには自動でサイズ変更するスマートサイズ(推奨)と自分でCSSのサイズ設定をするアドバンス(コード変更が必要)があります。スマートサイズ(推奨)の場合、モードの中のスマートサイズ(推奨)を選択してコードを取得、そのコードをそのまま使用します。[]).push({});</script>広告のタイプを指定する事もできます。rectangle"の様にカンマで区切って指定します。data-ad-format="horizontal"アドバンス(コード変更が必要)の場合、モードの中のアドバンス(コード変更が必要)を選択してコードを取得、コードの中のメディアクエリのサイズ部分を変更して使用します。[]).push({});</script>styleの部分を変更します。画面横幅のサイズと広告のサイズをここで調整します。スマートサイズ(推奨)の場合、親要素の横幅が指定されていないと広告が正しく表示されない様です。親要素のサイズを指定するかアドバンス(コード変更が必要)にすると広告が正しく表示されます。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。