This topic created in 2065 days ago, the information mentioned may be changed or developed.
Supplement 1 · Mar 10, 2021
顺便问一下
移动端自适应一般是用 lib-flexible 和 postcss-pxtorem
// 配置 px 转 rem,实现自适应
require('postcss-pxtorem')({
rootValue: 37.5,
unitPrecision: 5,
propList: ['*'],
selectorBlackList: [],
replace: true,
// mediaQuery: false,
minPixelValue: 12,
}),
rootvalue, 就相当于认为根元素的字体大小是 37.5 吧,把所有的 px 除以 37.5 转换成 rem, 这个意思不是认为根元素一直都是 37.5px 吗, lib-flexible 根据屏幕大小来设置根元素大小(屏幕的宽度除以 10,如果是 375px 那么根元素就是 37.5px),那 lib-flexible 这个插件就没啥意义了呀.因为 rootvalue 已经固定死了, px 转 rem 都是除以这个数
不太明白.有木有大佬解释一下
移动端自适应一般是用 lib-flexible 和 postcss-pxtorem
// 配置 px 转 rem,实现自适应
require('postcss-pxtorem')({
rootValue: 37.5,
unitPrecision: 5,
propList: ['*'],
selectorBlackList: [],
replace: true,
// mediaQuery: false,
minPixelValue: 12,
}),
rootvalue, 就相当于认为根元素的字体大小是 37.5 吧,把所有的 px 除以 37.5 转换成 rem, 这个意思不是认为根元素一直都是 37.5px 吗, lib-flexible 根据屏幕大小来设置根元素大小(屏幕的宽度除以 10,如果是 375px 那么根元素就是 37.5px),那 lib-flexible 这个插件就没啥意义了呀.因为 rootvalue 已经固定死了, px 转 rem 都是除以这个数
不太明白.有木有大佬解释一下
Supplement 2 · Mar 10, 2021
自己算了一下....是要用这个,已经明白了
1
Select Language