按断点写适配样式和对照表

示例： 断点尺寸对照表 断点 | 设计宽度 | rem基准(分格10) | 布局方式 | 媒体查询写法 手机 375 | 375px | 37.5px | flex | @media (max-width:767px) 平板 768 | 768px | 76.8px | grid | @media (min-width:768px) and (max-width:1023px) 桌面 1440 | 1440px | 144px | flex+grid | @media (min-width:1440px) 适配样式代码（示意）： :root{--rem-base:37.5px;} @media (max-width:767px){.card{display:flex;flex-direction:column;padding:0.32rem;}} @media (min-width:768px) and (max-width:1023px){.card{display:grid;grid-template-columns:1fr 1fr;gap:0.4rem;}} @media (min-width:1440px){.card{display:grid;grid-template-columns:repeat(3,1fr);max-width:1440px;}} vw 换算示意：手机 375px 下 1vw=3.75px，24px 字号约 6.4vw。 以上数字为示意，实际结果由程序按设计稿宽和分格数计算。