taro icon indicating copy to clipboard operation
taro copied to clipboard

taro3.5.5 taro-ui 3.1.0-beta.3 版本下 rem转换过大 并且组件样式丢失或错误

Open liuhui1999 opened this issue 2 years ago • 1 comments

相关平台

H5

复现仓库

https://gitee.com/Allight/taro-problem-recurrence.git 浏览器版本: Chrome 104.0.5112.102 使用框架: React

复现步骤

yarn install -> yarn dev:h5

期望结果

702px应该无法占满全屏

实际结果

占满全屏

环境信息

 Taro CLI 3.5.5 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.14.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.18 - C:\Users\10037\AppData\Roaming\npm\yarn.CMD
      npm: 8.3.1 - C:\Program Files\nodejs\npm.CMD

liuhui1999 avatar Sep 06 '22 07:09 liuhui1999

我的环境是taro 3.5.5 + nutui-taro 3.2.1,也是rem转换变大了(12px 在 taro 3.4 下是0.512rem,在taro3.5下是0.6rem),导致整个页面布局都变大了,望尽快修复,谢谢

juzijun2020 avatar Sep 08 '22 15:09 juzijun2020

可以尝试将HTML模板index.html中的rem脚本替换为(官方文档中未说明,这段代码Copy自taro-cli模板中,更新版本时,需要手动更新此index.html)

CaiDingxian avatar Sep 28 '22 08:09 CaiDingxian

我的环境是taro 3.5.5 + nutui-taro 3.2.1,也是rem转换变大了(12px 在 taro 3.4 下是0.512rem,在taro3.5下是0.6rem),导致整个页面布局都变大了,望尽快修复,谢谢

rem 转换变大,但是实际上值是依托于 designWidth,如果该参数值为 640,虽然 rem 值变大,但是由于根节点上设置的 font-size 不同,实际大小是一致的。

ZakaryCode avatar Sep 29 '22 13:09 ZakaryCode