無料オンラインレスポンシブブレークポイントジェネレーター。モバイル、タブレット、デスクトップ用のCSSメディアクエリを作成。
/* mobile */
@media (max-width: 767px) {
/* styles */
}
/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
/* styles */
}
/* desktop */
@media (min-width: 1024px) and (max-width: 1279px) {
/* styles */
}
/* large-desktop */
@media (min-width: 1280px) {
/* styles */
}