簡単にレスポンシブWebデザインに対応
CSS Controllerはメディアクエリのセットを自動的に行う機能が付いているのでレスポンシブWebデザインへの対応はとっても簡単。各メディアクエリのフォルダにCSSファイルを入れることで自動的にメディアクエリがセットされスマホ対応ができます。
例えば「max-width.480px」というフォルダに入っているCSSファイルには自動的に「@media screen and (device-width:480px)」がセットされるという事ですね。
「min-width.481px.max-width.800px」というフォルダの場合は「@media screen and (min-width:481px) and (max-width:800px)」が自動的にセットされます。
というように、各メディアクエリ対応のフォルダに何も考えずにCSSファイルを放り込むだけでレスポンシブWebデザインが簡単に実現できます。