Android・iPhone用のスタイルシート(CSS)を用意【スマホ対応のステップ2】アイフォン・アンドロイドのスマホとPCで読み込ませるスタイルシート(CSS)を振り分けるコードの記載方法ホームスマホ対応の手順ハマった時の対処法・FAQホームスマホ対応の手順スマホ用のCSSを用意スマートフォン用のスタイルシートを用意するスマートフォンとパソコンでは、画面の幅が違うため、パソコン用とは別にスマートフォン用のスタイルシートを用意してあげなくていけません。パソコン用のスタイルシートを複製して、style_mb.cssのように別の名前で保存してください。style.css(パソコン用)style_mb.css(スマートフォン用)以降、このスマートフォン用のcssを書き換えて、ページをスマートフォンの表示に対応していきます。htmlファイルを開き、<head></head>内のコードを下記のように変更します。これは、サイトを見ている人の端末がパソコンなのかスマートフォンなのかを判別して、それぞれ適したスタイルシートを読み込ませるコードです。href="style.css">');}</script></head>※全てのHTMLファイルを書き換える必要がありますが、まずはトップページだけ書き換えてテストしてみましょう。