semi-design/packages/semi-foundation/grid/variables.scss

// Media queries breakpoints
// Extra small screen / phone
$width-grid_screen-xs: 480px; // 超小尺寸设备 - 手机
$width-grid_screen-xs-min: $width-grid_screen-xs;

// Small screen / tablet
$width-grid_screen-sm: 576px; // 小尺寸设备 - 平板
$width-grid_screen-sm-min: $width-grid_screen-sm;

// Medium screen / desktop
$width-grid_screen-md: 768px; // 中尺寸设备 - 水平平板
$width-grid_screen-md-min: $width-grid_screen-md;

// Large screen / wide desktop
$width-grid_screen-lg: 992px; // 大尺寸设备 - 小尺寸桌面端
$width-grid_screen-lg-min: $width-grid_screen-lg;

// Extra large screen / full hd
$width-grid_screen-xl: 1200px; // 超大尺寸设备 - 桌面端
$width-grid_screen-xl-min: $width-grid_screen-xl;

// Extra extra large screen / large desktop
$width-grid_screen-xxl: 1600px; // 超大尺寸设备 - 桌面端 HD
$width-grid_screen-xxl-min: $width-grid_screen-xxl;

// provide a maximum
$width-grid_screen-xs-max: ($width-grid_screen-sm-min - 1px);
$width-grid_screen-sm-max: ($width-grid_screen-md-min - 1px);
$width-grid_screen-md-max: ($width-grid_screen-lg-min - 1px);
$width-grid_screen-lg-max: ($width-grid_screen-xl-min - 1px);
$width-grid_screen-xl-max: ($width-grid_screen-xxl-min - 1px);

// Grid system
$width-grid_columns: 24; // 栅格宽度
$width-grid_gutter: 0; // 槽宽度