CSS的@media“”监听any-hover的值是否为“none”可用来判断是不是【移动端】，比如：
@media (any-hover: none){. xxx{display:none}}，直接让在移动端时“原本hover才显示的东西不显示”
也可以借助JavaScript和CSSbody的伪元素传递content，来设置页面其它效果：
getComputedStyle(document. body, "::before"). content;

（你也可以用:root里面设置CSS自定义变量的方式 getComputedStyle(document.documentElement).getPropertyValue("自定义变量名"). trim()）

简直绝妙！