欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于taro样式中写入px后效果失真的修复方法以及建议

程序员文章站 2022-07-03 14:15:21
...

问题

在taro中写入width为100px
关于taro样式中写入px后效果失真的修复方法以及建议
但是在真实的dom中却显示仅有85px
关于taro样式中写入px后效果失真的修复方法以及建议

原因

因为在taro的样式中,开发者写入px会自动单位转换成rem,然后在转换回px,这样转换中会造成px失真

解决方法

方法一.使用强制单位

使用强制单位,大写的PX,.csdn{ width:100PX; }
效果:关于taro样式中写入px后效果失真的修复方法以及建议

方法二.使用rem单位

.csdn{
    width:2.5rem;
  }

关于taro样式中写入px后效果失真的修复方法以及建议

方法三.如果只开发小程序可以使用rpx单位

相关标签: taro-多端开发