# 视口
https://zhuanlan.zhihu.com/p/46038860
# 适配方案
此前我在csdn写过一篇相关的文章 (opens new window)
# 使用现成的框架
- bootstrap
- tailwind，相关链接 (opens new window)
这两者有许多类似的点，例如原子化CSS，可以不用编写大量的样式，直接使用框架内置css，可以大大提高效率；同时也都支持响应式布局相关的css，根据不同屏幕大小来决定样式。
tailwind可以无缝集成到其他框架（vue、react等）中，因为tailwind本质上是一个postCSS插件，他是通过扫码js文件里面的className来生成样式的，所以最后打包的样式也会只有那些用到的，可以大大减少包的体积。
注：postcss是指一种用于通过JavaScript插件转换CSS代码的工具。它能够解析CSS代码为抽象语法树（AST），并允许开发者通过编写插件来修改这个树结构，从而实现各种CSS代码的自动化处理和优化功能。