📱

Responsive Breakpoints

免费在线响应式断点生成器。为移动端、平板和桌面创建 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 */
}