レスポンシブデザインにチャレンジ


2013年10月12日


登録フォームに、レスポンシブデザインを採用してみた。

といっても、Bootstrapを利用しただけですが。

まず、Helveticaがあるので、パッケージのCSSから削除。
フォントサイズも、ジャンボがデカイのでチョット修正。

グリッドを利用するので、初回設計ではcol-mdあたりで画面表示サイズを調整した。
タブレット端末、スマホ端末などので、スレート端末を想定して対応するが、
まだまだ、PCの方も多いので、あとノートPCだと、横幅1024の解像度もまだま現役そうだ。
なので、col-lgではチョット大きいし、1024の画面サイズでは、レスポンシブデザインで
レイアウトが変更されて、受けが悪そう。まーそれがレスポンシブデザインなんだが。

その他、やりたいメモ

主なパラメータ

Dittoで使えるプレースホルダ全一覧

リンク

【補足】


Archive