レスポンシブのカラム幅の求め方

2015.02.13   2015.02.15

レスポンシブサイトを制作していて、やらないと行けないのがカラム幅を求めること。

従来のサイト制作だと横幅はpxでガチガチに固定していたのだが、レスポンシブサイトは横幅を%にしないと画面からはみ出してしまい、カッコ悪い。

リキッドレイアウトをベースにレスポンシブサイトに変更していく。pxから%にしたいときに計算式を忘れるのでメモ・・・。

変換したい横幅 ÷ 変換する全体の幅 × 100

例)

300px × 960px × 100 = 31,25%