网页前端

核心断点推荐（基于CSS像素）

css

 

/* 超小设备（手机，竖屏） */
@media (max-width: 575.98px) { 
  /* 适用于小屏手机 */
}

/* 小设备（手机，横屏/大屏手机） */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* 例如：iPhone 6/7/8 Plus横屏 */
}

/* 中等设备（平板，竖屏/小笔记本） */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* 例如：iPad竖屏 */
}

/* 大设备（平板横屏/小桌面） */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* 例如：iPad横屏 */
}

/* 超大设备（桌面） */
@media (min-width: 1200px) {
  /* 现代桌面显示器 */
}