一：首先，文字写在div盒子里面（插值表达式内，data的return中含有syname对应的值）
<div class="logo-text-ui" id="sysnameShow">{{ sysname }}</div>
其次，针对文字所在的盒子，有对应样式标签，有logo-text-ui类标签，内存放文字通用的div样式
.logo-text-ui {height: 100%;font-size: calc(100vw * 24 / 1920);//此处省略其余样式。。。。。。}
然后，针对常用的显示器像素进行划分，然后里面写对应的像素需要展示的样式以及样式值。用到@media screen。
新旧电脑常有的像素有：1024 768 1280 960 1360 768 1366 768 1400 1050 1440 900 1600 900 1680 1050 1920 1080等 （现在最常用的就是1920*1080）
采用以下代码实现自适应：
@media screen and (min-width: 最小像素，闭区间) and (max-width: 最大像素开区间) {.div样式标签名 {//该屏幕处在像素对应要展示的样式font-size: 17px;}}
二、投机取巧方式：
大家常用电脑显示都是1920*1080 ，当电脑处于不同缩放布局时候（注意，这里讲的时缩放布局，不是像素，缩放布局在设置里面有150%、125%、100%。。。），浏览器处于的显示像素大小区间也不一致。
以1920px为例，100%缩放对应的就是1920px*1080px， 但是浏览器打开页面，页面并不是充斥整个屏幕，所以显示页面的实际大小一定小于1920px*1080px， 实际所处区间应小于1920px。
同样的计算方式： 1920px缩放布局125%对应1536px，实际小于1536px； 缩放布局150%，对应1280px，实际小于1280px 有了这个计算思路，找到对应的像素区间修改即可。
四、实例：
@media screen and (min-width: 1000px) and (max-width: 1200px) {.logo-text-ui {font-size: 17px;top: 24% !important;letter-spacing: 2px;}}@media screen and (min-width: 1280px) and (max-width: 1360px) {.logo-text-ui {// 150%缩放 对应1280pxfont-size: 23px;top: 24% !important;letter-spacing: 2px;}}@media screen and (min-width: 1360px) and (max-width: 1366px) {.logo-text-ui {font-size: 24px;top: 18% !important;letter-spacing: 2px;}}@media screen and (min-width: 1366px) and (max-width: 1400px) {.logo-text-ui {font-size: 24px;top: 18% !important;letter-spacing: 2px;}}@media screen and (min-width: 1400px) and (max-width: 1440px) {.logo-text-ui {font-size: 26px;top: 24% !important;letter-spacing: 2px;}}@media screen and (min-width: 1440px) and (max-width: 1600px) {.logo-text-ui {// 125%缩放 对应1536pxfont-size: 26px;top: 10% !important;letter-spacing: 1px;}}@media screen and (min-width: 1600px) and (max-width: 1680px) {.logo-text-ui {font-size: 29px;top: 15% !important;letter-spacing: 2px;}}@media screen and (min-width: 1680px) and (max-width: 1920px) {.logo-text-ui {font-size: 32px;top: 7% !important;letter-spacing: 1px;}}@media screen and (min-width: 1920px) {.logo-text-ui {// 100%缩放 对应1920pxfont-size: 36px;top: 10% !important;letter-spacing: 2px;}}
