我探索出的答案是使用@media媒体规则,它可以让你根据屏幕的大小创建不同的样式规则,这样你的响应式样式就完全由 CSS 控制了,当页面渲染出来的时候(依赖的 css 加载完毕)就会完全按照 CSS 规则进行渲染,在不同设备刷新时也都会直接呈现适配对应设备尺寸的渲染结果,不会出现元素跳变的问题 比如我把 About 页面的标题...
工作为重),一个是懒(主要是懒得去思考怎么设计,当然期间有在考虑一些不同的落地方案),还有一个主要的原因是当时 Vue 3.0 刚发布,我当时主要的精力放在踩坑体验 3.0,那段时间,大部分的时间和精力都放在撰写Vue3.0 学习教程与实战案例