只今、当サイトのスマートフォン対応中です。

スマートフォン対応中

このサイトの場合はWordPressテーマのBizVectorをカスタマイズして作っているので、レスポンシブウェブデザインってやつになっています。(レスポンシブウェブデザインとは?

bizvector

まぁ、簡単に言うと、近年Webサイトは、パソコンだけで閲覧されるものではなくて、iPhoneやAndroidなどのスマートフォン、iPadなどのタブレット端末、様々なデバイスで閲覧されるようになってきているんで、その環境に応じた表示に最適化してやろう。ってなものです。なかなか素敵な『ibbdemo3』っていうエミュレーターがあるので、最初のイメージのように実機を使わなくても表示確認が出来るんですよ。

後はCSSの記述をメディアの横幅ごとに指定できる@mediaクエリを使って、下記の様に記述していきます。

@media (max-width: 700px) {
 body {
  width: 700px;
 }
}

まぁ、Developerとしては今まで以上にHTMLとCSSの構造を考えないといけなくなるので、複雑なことになってきたんですがね。

おちおちやっていきますw