レスポンシブ（魅せる！iphoneサイト）

• ポートフォリオサイトはレスポンシブで作りましょう。
• レスポンシブでないものは検索評価が落ちる傾向。
• PC（win）でモバイルチェックするにはMobilizer。
• 子孫セレクタを使おう
• スマートフォン用のリセットCSS

作例１

テキストp53

HTML

head

• viewportの設定
• 電話番号認識の無効化
• iphoneホーム画面用のアイコン指定
• iphone用のCSS

パンくずリスト

CSS

リセット

• 各要素のmarigin、paddingのリセット
• 文字サイズの自動調整の無効化
• HTML5要素のブロックレベル化（上下marginの有効化）
• 画像、リスト、表のリセット

パンくずリスト　クリアフィックスを利用

.htaccess

• スマートフォンでサイトにアクセスしたときに、スマートフォン用のページにリダイレクトさせる。