请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

根元素html font-size为100px, 但是font-size: 0.1rem 的font-size显示为12px

老师我用的是chrome, 代码和你的一样 ,但是第一个

rem1

的font-size却是12px; 后面两个倒是和你的一致,分别是20px、30px; div123的width也和你的一致;
这是怎么回事?
图片描述
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="ie-edge">
    <title> rem是什么</title>
    <style>
     html {
      font-size: 100px;
     }
     div {
      background-color: #ccc;
      margin-top: 10px;
      font-size: 0.16rem;
     }
    </style>
  </head>
  <body>
    <p style="font-size: 0.1rem">rem1</p>
    <p style="font-size: 0.2rem">rem2</p>
    <p style="font-size: 0.3rem">rem3</p>

    <div style="width: 1rem">
      this is div1</div>
    <div style="width: 2rem">
      this is div2</div>

    <div style="width: 3rem">
      this is div3</div>
  </body>
</html>

正在回答 回答被采纳积分+3

2回答

双越 2023-02-22 17:47:43

但是font-size: 0.1rem 的font-size显示为12px —— 浏览器默认最小就是 12px ,不信你设置为 1px 试试,也是显示 12px

0 回复 有任何疑惑可以回复我~
  • 没有问题了
    回复 有任何疑惑可以回复我~ 2023-10-14 21:00:07
双越 2023-02-19 18:59:22

把核心代码贴出来吧

0 回复 有任何疑惑可以回复我~
  • 提问者 慕桂英3525409 #1
    我修改了问题  贴了源代码  麻烦老师看下
    回复 有任何疑惑可以回复我~ 2023-02-22 17:00:44
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信