m0_66986239的博客

针对一个非常成熟且未做适配的web端项目，项目中有大量的等高分栏布局，用到的尺寸单位有px,rem,vw等，需要将该项目适配到平板/手机/大屏端，且要求代码改动量最小。分为上下两侧,上侧分为两行,每行有两列(宽度分别是1:1/1:2),下侧分一列。②使用postcss-pxtorem将px转为rem。侧分为两行,每行有两列(宽度分别是1:1/1:2),右侧一列展示。固定值使用px,em,rem等单位,1fr自动填充剩余空间。安装 postcss-px-to-viewport 插件。

Tailwind CSS 是一个实用优先的 CSS 框架，与 Bootstrap 等组件库不同，它不提供预定义的组件，而是提供低级别的实用类，让您能够快速构建完全自定义的设计。实用优先：通过组合简单类名构建复杂界面响应式设计：内置响应式前缀系统高度可定制：可完全自定义设计系统生产优化：自动移除未使用的 CSS在javascripttheme: {extend: {colors: {'brand': {},spacing: {},},css.card {