zoukankan      html  css  js  c++  java
  • mpvue使用px与设计稿的转化

    设计师一般给的750px的设计稿

    我们在使用 mpvue 开发小程序的时候,

    所以 mpvue 默认设置了如下红色框的转化,

    所以如果我们用750px设计稿量出来的尺寸去写样式,那么在小程序上尺寸就会放大2倍。

    解决方法:

    1.你可以和我一样,做如上图的修改,将比例修改成1:1,这样就是量出来多少,就写多少。

    var px2rpxLoader = {
        loader: 'px2rpx-loader',
        // options: {
        //   baseDpr: 1,
        //   rpxUnit: 0.5
        // }
        options: {
          baseDpr: 1,
          rpxUnit: 1
        }
      }

    备注:文件路径 build/utils.js 34行

    2.不用修改 mpvue 的转化文件,直接在写样式时,给 尺寸/2 就可以了

    希望这篇文章可以帮助到你!

  • 相关阅读:
    阴影及定位
    选择器高级、样式及布局
    css的导入与基础选择器
    html知识
    ORM
    python实现进度条
    MySQL单表查询
    一、HTTP
    mysql4
    练习——MySQL
  • 原文地址:https://www.cnblogs.com/helena000/p/12457361.html
Copyright © 2011-2022 走看看