使用rem单位时，能否对某个元素单独设置基础font-size

Question

我们的项目通过计算设置了html的font-size,在375\\\\\*667的为font-size:100px

现在需要使用同集团的其他公司的一些在线组件，他们设置的font-size为我们的一半

例如，以下写法在我们页面和他们的页面是一样的大小。

 p{
    font-size: .16rem;
 }
 引入的在线组件中都是
 p {
    font-size: .32rem;
 }

现在引入的在线组件为正常的两倍，是否有办法对包裹这些在线组件的元素单独设置基础的font-size

Answer 1

如果是想让其子元素以此 font-size 为基准来布局的话是不行的，rem 是相对于根元素的 font-size，不受父元素和其他祖先元素的影响。
可以试试套一层框，然后里面 transform: scale(0.5)，效果可能会有点迷，但勉强能糊弄过去……不过如果里面有其他单位的话就行不通了。