media query

メディアクエリ

詳しい導入事例は導入方法を参照してください。

使い方

[sec-full]で横幅いっぱいになるので背景を入れて、中の[sec]でコンテンツ幅を指定。

  • CSS
@media (1280px <= width){} /* xl */
@media (770px < width)  {} /* md */
@media (770px >= width) {} /* sm */