此时可以使用flexible.js，这是手机淘宝团队开发出的一个用来适配移动端的js框架，核心原理就是根据不同的视口宽度给网页中html根节点设置不同的font-size值。开发中，vw和vh不要混用，要么全用vw 要么全用vh，vh是1/100视口高度，全面屏视口高度尺寸大，如果混用可能会导致盒子变形。Flex布局/弹性布局： 是一种浏览器提倡的布局模型 ，布局网页更简单、灵活 ，避免浮动脱标的

一般我们拿到的数据都是从接口中请求到的对象数组，在使用数据的时候，是需要转成二维数组。直接复制完整Demo代码即可查看效果，点击下载按钮会直接下载Excel表到本地。数据必须是这种格式，如果不是需要自己处理一下。

vue项目：纯前端实现Word文档导出功能，一文搞定前端导出word文档，固定的word模板导出

样式比较难调，我使用了行内样式，在标签上直接加style属性，样式单独拉出来不行，会没有效果，最好的方法就是写道行内样式，虽然比较冗余。其实博主用了好几个库，大多都是合并单元格的和样式难搞一些，这个还算是比较可控制的。毕竟是手撸table，反正是业务需求达到了。最好是utils目录下方便多次使用，文件名字随意 ，并把方法向外导出。你可以根据需要为表格添加样式，例如设置边框、背景色、字体大小等。纯前

【代码】Vue3项目使用element-plus中的el-table表格合并相同数据单元格(可指定列+自定义合并)

【代码】Vue3项目el-table表格动态合并相同数据单元格(可指定列+自定义合并)

Vue3项目里面：前端做打印页面信息，实现打印功能，前端打印界面某个部分。

Vue3项目--使用vue3-pdf-app插件在预览PDF文件时设置中文

基于vue3-pdf-app封装，带大纲，带分页，带缩放，带全屏，带打印，带下载，带旋转。使用的版本是"vue3-pdf-app": "^1.0.3"页面上使用创建好的组件，带loading加载效果。创建成公共组件，方便多次使用。