关于var()变量定义样式在iphone12等机型不起作用-[记录]

⛳️： CSS样式中传入变量
😇： 鑫动了的主页 – 欢迎各位小伙伴
💗： 前端小白的成长之路，一起学习，一起成长~

  <div>
       <p class="name"  :style="{'--widtn':width}">{{ item.name}}</p>
  </div>
  data(){
      return{
			width:"100rpx"
		}
  }
  <style>
    .name{
    	width:var(--width)
    }
  </style>

上面通过var()变量的方式 传递宽度，在iphone12等机型上不起作用，不使用var()方式则显示正常，如果使用var()变量设置样式并且是移动端项目使用苹果12以上机型等,设置宽度建议替换掉哦–