WEBアプリ開発に関する技術を綴るブログ

php,js,apache,mysql,laravel,fuelphpあたりの技術

ウェブサイトをスマートフォンに対応させる方法

(1)レスポンシブWebデザイン

閲覧してる人の画面サイズに応じてレイアウトを変化させるデザイン

「PC用サイト」や「スマートフォン用サイト」など、閲覧環境に合わせた専用サイトを用意しなくていい

メリット: コンテンツの修正が一度の作業で済む。 端末の種類に関係なく単一のURLを案内できる 将来登場する未知の端末でも問題なく表示できる

デメリット: CSSの記述が長くなりやすい

(2)モバイル端末専用サイトを別途用意する

スマートフォン専用のウェブサイトを新規に作成