Tailwind 初识

Tailwind 宣称无需离开您的 HTML ，即可快速建立现代网站。

本人并没有结合 angular + tailwind 实际开发过，但是结合 react + tailwind 有实际的项目经验。

嗯～ OK，这就是个样式框架，加在哪个前端框架上都一样～

下面我们进入主题

支持响应式

不支持响应式的框架不是一个好的样式框架，tailwind 根据常用的设备分辨率方案，设定不同的类名。

这些类名需要记住，如果你在 DOM 元素中并没有添加，那么就不会有效果，毕竟它只是个样式而已。

sm: small -> @media(min-width: 640px)
md: middle -> @media(min-width: 768px)
lg: large -> @media(min-width: 1024px)
xl: extra large @media(min-width: 1280px)
2xl: extra extra large @media(min-width: 1536px) 

浏览器的支持

距本文发稿前，tailwind 的版本号是v2.2.16。那么这就意味着现在版本的 tailwind 不再支持任何版本的 IE。其 2.0 以上版本的 tailwind 专为 Chrome, FireFox, Edge 和 Safari