这是一个创建于 1152 天前的主题,其中的信息可能已经有所发展或是发生改变。
第 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 都是除以这个数
不太明白.有木有大佬解释一下
第 2 条附言 · 2021-03-10 11:29:26 +08:00
自己算了一下....是要用这个,已经明白了
5 条回复 • 2021-03-10 10:34:47 +08:00
|
|
1
qiuluo 2021-03-09 21:54:33 +08:00
我之前咋记得是 16px 来着, 今天打开浏览器发现好像都是 10px
|
|
|
2
jingcoco 2021-03-10 08:16:41 +08:00 via iPhone
这个可以通过 html 的 meta 标签设置吧。 然后还可以通过浏览器设置项设置。一般应该是 16px.
|
|
|
3
doco 2021-03-10 08:55:03 +08:00 1
@ qiuluo #1 chrome 最低支持 12px 吧, 感觉不应该比 12px 还小
|
|
|
5
haihaishuaige 2021-03-10 10:34:47 +08:00
谷歌应该是 12px,如果手机用 rem 的话,可以更小
|