Webの技術的小話(1)
スマートフォンやタブレット型端末の利用が増えてきた昨今、
Webサイトの作り方や技術的な変化について気になったところを
随時挙げていきたいと考えています。
今回はレイアウトについて述べたいと思います。
<レイアウトについて>
従来のPC・携帯だけの考え方であれば、
ある程度、固定幅でのレイアウトが決まってしまいます。
PC・・・横幅約1,000ピクセル以内。
携帯・・・横幅約220ピクセル。
ですが、スマートフォンやタブレット型端末の場合、
画面の幅が多様化(縦向き、横向きの違いなど)しており、
1パターンのレイアウトでは逆に見難くなったり
見栄えが悪くなるという弊害が出てきます。
そこでリキッドレイアウトという手法を利用します。
リキッドレイアウトではブラウザ幅に応じて、
自動的にレイアウト幅が変化するように構築します。
要するにいわゆる横スクロールバーが出ないようになり、
Webサイトが画面から横にはみ出ることを防止できます。
Webレイアウトに関する話はまだあるのですが、
この件は次の機会にしたいと思います。
Webサイトの作り方や技術的な変化について気になったところを
随時挙げていきたいと考えています。
今回はレイアウトについて述べたいと思います。
<レイアウトについて>
従来のPC・携帯だけの考え方であれば、
ある程度、固定幅でのレイアウトが決まってしまいます。
PC・・・横幅約1,000ピクセル以内。
携帯・・・横幅約220ピクセル。
ですが、スマートフォンやタブレット型端末の場合、
画面の幅が多様化(縦向き、横向きの違いなど)しており、
1パターンのレイアウトでは逆に見難くなったり
見栄えが悪くなるという弊害が出てきます。
そこでリキッドレイアウトという手法を利用します。
リキッドレイアウトではブラウザ幅に応じて、
自動的にレイアウト幅が変化するように構築します。
要するにいわゆる横スクロールバーが出ないようになり、
Webサイトが画面から横にはみ出ることを防止できます。
Webレイアウトに関する話はまだあるのですが、
この件は次の機会にしたいと思います。
2013.01.30