ant design学习记录:响应式尺寸头像大小 Avatar
<Avatar
size={{ xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 }}
icon={<AntDesignOutlined />}
/>解释：
响应式设计：
size属性的值是一个对象，包含了多个键值对，每个键代表一个屏幕尺寸（如xs,sm,md,lg,xl,xxl），对应的值则是头像在该尺寸下的大小（以像素为单位）。各个尺寸的含义：
xs：超小屏幕（例如手机）sm：小屏幕（例如小型平板）md：中等屏幕（例如普通平板）lg：大屏幕（例如小型桌面显示器）xl：超大屏幕（例如大型桌面显示器）xxl：特大屏幕（例如超大显示器）具体的大小：
xs: 24：在超小屏幕上，头像的大小为 24 像素。sm: 32：在小屏幕上，头像的大小为 32 像素。md: 40：在中等屏幕上，头像的大小为 40 像素。lg: 64：在大屏幕上，头像的大小为 64 像素。xl: 80：在超大屏幕上，头像的大小为 80 像素。xxl: 100：在特大屏幕上，头像的大小为 100 像素。