CSSフレームワークのブレークポイント

このページはCSSフレームワークのブレークポイントについてまとめる予定のページです。

目次

CSSフレームワークのブレークポイント

名称 xs sm md lg xl xxl(2xl)
Bootstrap 5 <576px ≥576px ≥768px ≥992px ≥1200px ≥1400px
Tailwind 3 - ≥640px ≥768px ≥1024px ≥1280px ≥1536px
Vuetify 2.6 <600px ≥600px
<960px
≥960px
<1264px
≥1264px
<1904px
≥1904px -

<: @media (max-width: 値-0.2px), : @media (min-width: 値)

参考