スマホもパソコンもOK！レスポンシブwebデザインって何？

「レスポンシブwebデザイン」という手法が広まる前は、このようにブラウザの幅によってレイアウトを変える、ということができなかったため、同じようなことをするには、デバイス毎にレイアウトの違う別々のHTMLファイルを用意しなければなりませんでした。

内容的には同じものを、複数用意しておくんです。

webサイトの修正があったりすると、複数分すべてに対して同じ修正をかけないといけないし、ページ数が多かったりすると本当に大変でした。

「レスポンシブwebデザイン」では、ひとつのHTMLファイルをスタイルシートで制御します。

同じHTMLファイルを使用しているので、修正があっても１回でいいし、すごーーーく助かってます。

「レスポンシブwebデザイン」の具体的な手法は、ここでご説明しても何のこっちゃ？という感じになっちゃいますので省略させていただきます。

でも、ご心配なく！

リウムスマイル！で作成したwebサイトは、「レスポンシブwebデザイン」を取り入れた仕組みとなっています。

パソコンで見た時、スマホで見た時、どんな見栄えになっているか、ご確認ください！

良い感じになるように、させていただいておりますー！

レスポンシブwebデザインって何？という記事のわりに、

「だからいったいどんなんやねん！」

となりそうなので、webサイトで事例をご紹介します！

事例

１．リウムスマイル！

パソコン表示	スマホ表示

２．有限会社リウム

パソコン表示	スマホ表示

Facebookで最新情報を			裏情報はメルマガで・・・
	いいね！をすると、最新情報をあなたのタイムラインにお送りします。			本ブログのまとめや、ブログでは書けない裏情報などをメールでお届け！