TailwindCSS学习笔记

发表于 | 更新于 | 评论数： | 阅读次数：

在前端网页设计中，美工给的设计稿的宽度和高度是固定的，但显示设备的像素是多变的，因此需要响应式设计。

由于最新的tailwind css使用post css 8版本，vue2框架暂时还不支持，所以需要指定安装postcss7的版本:

1
npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

参考链接

  1. 如何评价CSS框架TailwindCSS？,by zhihu.
  2. 超简单！怎样在Vue2中使用TailWind Css,by vx_1097122362.
  3. Error: PostCSS plugin tailwindcss requires PostCSS 8,by stackoverflow.
  4. Tailwindcss底层基石的理念,by xfyuan.
  5. TailwindCSS v3.0 正式发布！一大波新特性来袭！,by 一只图雀.
  6. element-ui的响应式布局,by Rackar.
  7. 关于Element UI响应式布局问题,by Huanlis.