| 1 | スマホ専用サイト | レスポンシブWebデザイン |
|---|---|---|
| 閲覧端末の判別方法 | サイト訪問者のUserAgent | サイト閲覧時のブラウザの横幅 |
| 表示コンテンツの切替方法 | スマホ専用サイトを別に用意して切り替え | CSSのメディアクエリを使用して切り替え |
| メリット | ・別のサイトを用意するため、スマホ閲覧に特化できる・「PCサイトで見る」といったリンクを用意すれば、スマホでもPCサイトに切替可能 | ・サイト自体はひとつのため、管理や変更の手間は少ない・PCサイトとスマホサイトのURLが同じ |
| デメリット | ・サイトが2つになるため、管理や変更の手間が増える・構成によってはPCサイトとスマホサイトのURLが異なる | ・ひとつのサイトをPCでもスマホでも閲覧するため、レイアウトに制約を受けることがある・スマホの場合は○○を非表示…といったことをする場合、余分なファイルの読み込み等があり、負荷がかかる |
Webサイトのスマホ対応方法 2種類の仕組みと特徴を解説
スマートフォン用ページが自動縮小されないようにする
CSSでスマホ対応！レスポンシブサイトの作り方と初心者向けQ&A