公告列表
公告列表
收藏
回答

Kbone 能否有机会选择px转 vw 对标 rpx 方案呢？

目前vue 项目菜用px转vw单位，感觉还行，不知道官网团队能否适配px转vw转rpx方案呢，谢谢

回答关注问题邀请回答
收藏

2 个回答

  • 陈小明
    陈小明
    2020-03-04
    看来kbone官方人员估计是看不到我的需求的了，那分享自己需求的解决方案吧，希望能帮到有这种需求的人吧,感觉比双端都用rem合适点。
分别在web、mp端得webpack配置上的postcss-loader 添加 单位转化插件
webpack.dev.config

    webpack.mp.config

    2020-03-04
    有用 1
    回复 6
    • 微信小店技术专员-binnie
      微信小店技术专员-binnie
      2020-03-05
      https://wechat-miniprogram.github.io/kbone/docs/config/#global-rem

      看看rem这个能否满足呢
      2020-03-05
      赞
      回复
    • 陈小明
      陈小明
      2020-03-12回复微信小店技术专员-binnie
      这个我之前看到过，发现不能满足，并且rem 对小程序并不友好， 所以提出这个问题，希望官方提供 小程序用rpx， web用vw 这种选项方案。 你是官方的人员吗？能否考虑一下提供像我2楼回答这种方案呢，谢谢
      2020-03-12
      赞
      回复
    • LastLeaf
      LastLeaf
      2020-03-12回复陈小明
      你的项目里面 px 单位可以在 web 环境下正常运行吗？按理说小程序跑 px 也是能跑得很好的。如果不行的话，可以考虑 vw 。小程序里面几种单位跑得都还不错的。 rpx 和 vw 整体相近，只是 rpx 会对小数值做一些处理。
      2020-03-12
      赞
      回复
    • 陈小明
      陈小明
      2020-03-13回复LastLeaf
      是啊，我现在就是小程序跑rpx，web跑vw，感觉比文档说的小程序、web都跑rem要合适点
      2020-03-13
      赞
      回复
    • LastLeaf
      LastLeaf
      2020-03-16回复陈小明
      如果你现在已有代码：建议就用你已有的方式跑跑看。如果还没写代码，可以试试 rem ，不过我个人觉得也是各有各的优缺点吧。
      2020-03-16
      赞
      回复
    查看更多(1)
  • 道道
    道道
    2020-03-03

    可以转的

    就是postCSS 在vuecli2 上的解决方案

    web上好了小程序上也就好了

    2020-03-03
    有用 1
    回复 3
    • 陈小明
      陈小明
      2020-03-03
      谢谢解答，我本意其实是想官方有一个脚手架选项，在webpack构建是用 类似postcss-px-to-viewport 这种插件，在css 上照写px， 分别编译vw，rpx 对应web端与mp端
      2020-03-03
      赞 1
      回复
    • Yrobot
      Yrobot
      2020-07-23回复陈小明
      同需求，我之前用rem在华为小程序完全失效了。其实搞个rpx转rem或者vw的loader也行。在运行web端的时候启用loader。不过不建议直接转px，因为文字也用的px，不想文字在大宽屏情况下变得贼大
      2020-07-23
      赞
      回复
    • Yrobot
      Yrobot
      2020-07-23回复陈小明
      华为小程序=》华为手机的微信小程序。
      2020-07-23
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
#Kbone官方框架kbone