这是一个创建于 1680 天前的主题，其中的信息可能已经有所发展或是发生改变。
第 1 条附言 2021-03-10 10:58:42 +08:00
顺便问一下
移动端自适应一般是用 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 都是除以这个数
不太明白.有木有大佬解释一下
第 2 条附言 2021-03-10 11:29:26 +08:00
自己算了一下....是要用这个,已经明白了
 | 1 qiuluo OP 我之前咋记得是 16px 来着, 今天打开浏览器发现好像都是 10px |
 | 2 jingcoco 2021-03-10 08:16:41 +08:00 via iPhone 这个可以通过 html 的 meta 标签设置吧。 然后还可以通过浏览器设置项设置。一般应该是 16px. |
1 | 4 crazytree 2021-03-10 10:27:28 +08:00 14 |
 | 5 haihaishuaige 2021-03-10 10:34:47 +08:00 谷歌应该是 12px，如果手机用 rem 的话，可以更小 |
Select Language