设计稿的尺寸是1920*1080的 我在vue中这样设置的
const px2remLoader = {
loader : 'px2rem-loader',
options : {
remUnit : 192
}
}
width: 1920px;
height: auto;
position: absolute;
z-index: -1;
可是为什么我给一个图片设置宽1920px后图片显的非常小?明显不是1920的
下面是在1366分辨率下的大小 这是为什么?
源码有讲有说
注意因为移动端的设计稿通常是按照iphone6的尺寸,即750 * 1334,所以我在封装的时候内部设默认置的第一个参数即设计稿尺寸为750,第二个参数为最大宽度,默认设置的是640, 即没有兼容到ipad等大屏幕设备,你们在开发中可以结合实际的情况自己传入对应的参数即可!
如果您使用的sublime编辑器,可以下载插件remunit,如果您使用的是vscode编辑器,可以下载插件cssrem,两个都需要配置:50基数,即: