最近レスポンシブウェブデザインでの制作をさせて頂きました。
画面のサイズによってサイトの大きさが変わるというものです。
作り方はいろいろあるのですが、今回はスマホ用サイトということで、ピクセルではなくパーセントを使い画面の大きさによって変わるという手法で作りました。
写真なんかもｗｉｄｔｈ指定を％にして画面の大きさによって変わる感じにしました。
ＰＣのブラウザで見ると、ブラウザを大きくしたり小さくしたりすると大きさが変わる形です。
この手法の場合はＰＣのような大きな画面でみると画像がかなり大きく表示されるので、画像が粗くなってしまうという欠点があります。
画像サイズをかなり大きなものを使うと今度は逆にスマホでの表示時間などでロスが出てしまいます。
利点としては画面サイズによって別の画像を用意するよりも簡単で容量も少なくて済みます。
大きな画像を使わないようなサイトであれば良い方法と言えるのではないでしょうか。
最近はスマホユーザーもかなり増え、スマホからのアクセスもうなぎのぼりです。
レスポンシブＷＥＢデザインでサイト構築を考えるのも通常の流れなのかもしれませんね。
作る側としては頭を使いながらいろいろ工夫が必要だったりもしますので大変ですが、別にスマホサイトを作成するより安価で済むなど発注する側からはメリットも大きいと思います。