问答

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

作者:admin 2021-05-11 我要评论

我们的项目通过计算设置了html的font-size,在375\\\\\*667的为font-size:100px 现在需要使用同集团的其他公司的一些在线组件,他们设置的font-size为我们的一半 ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

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

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

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

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用rem单位时,能否对某个元素单独设

    使用rem单位时,能否对某个元素单独设

  • vue webapp 打开外部链接

    vue webapp 打开外部链接

  • iview如何实现图片上传

    iview如何实现图片上传

  • vue中 使用 路由懒加载报错 reuqire中

    vue中 使用 路由懒加载报错 reuqire中

腾讯云代理商
海外云服务器