react-container-query 插件

github地址： https://github.com/d6u/react-container-query

import { ContainerQuery } from 'react-container-query';

const query = {
  'screen-xs': {
    maxWidth: 575,
  },
  'screen-sm': {
    minWidth: 576,
    maxWidth: 767,
  },
  'screen-md': {
    minWidth: 768,
    maxWidth: 991,
  },
  'screen-lg': {
    minWidth: 992,
    maxWidth: 1199,
  },
  'screen-xl': {
    minWidth: 1200,
  },
};

<ContainerQuery query={query}>
    {params => <div className={classNames(params)}>{layout}</div>}
</ContainerQuery>