使用flexible.js后图片为什么这么小?

设计稿的尺寸是1920*1080的 我在vue中这样设置的

const px2remLoader = {
    loader : 'px2rem-loader',
    options : {
      remUnit : 192
    }
}
width: 1920px;
  height: auto;
  position: absolute;
  z-index: -1;

可是为什么我给一个图片设置宽1920px后图片显的非常小?明显不是1920的
下面是在1366分辨率下的大小 这是为什么?
微信截图_20191213203416.png

阅读 1.6k
1 个回答

源码有讲有说
注意因为移动端的设计稿通常是按照iphone6的尺寸,即750 * 1334,所以我在封装的时候内部设默认置的第一个参数即设计稿尺寸为750,第二个参数为最大宽度,默认设置的是640, 即没有兼容到ipad等大屏幕设备,你们在开发中可以结合实际的情况自己传入对应的参数即可!
如果您使用的sublime编辑器,可以下载插件remunit,如果您使用的是vscode编辑器,可以下载插件cssrem,两个都需要配置:50基数,即:

font-size:1rem;/*50px*/
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题