スマートフォンについて

iPhone iPad Android タブレット端末

スマートフォンは、iPhone、Androidがありますが、iPadなどのタブレット端末にも対応する必要があります。

スマートフォン専用サイト

スマートフォン専用サイトとして違うHTMLファイルを複数用意して作成する場合と、レスポンシブWebデザインにして同じページでマルチデバイス対応（レイアウトを変化させる）にすることもできます。

◆リキッドデザイン：ブラウザの横幅サイズに応じて可変するが、レイアウトは同一

◆レスポンシブwebデザイン：ブラウザの横幅サイズに応じて、レイアウトも含めて可変する

デバック

レイアウトを確認するには、SafariとChromeを使ってjavascriptなどデバックをすることができます