CSS--px和rem区别转换

前端小云儿

已于 2024-03-20 10:30:01 修改

阅读量43

点赞数

分类专栏：前端静态页面以及逻辑文章标签： css 前端

于 2024-03-20 10:29:19 首次发布

本文链接：https://blog.csdn.net/jieweiwujie/article/details/136868698

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 16 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<script setup></script>

<template>
  <div class="box">
    <h3>CSS-PX和rem</h3>
    <h4>px就是像素，显示器给我们呈现的画面的像素，是一种绝对单位长度</h4>
    <h4>
      rem 相对单位 相对于根节点的font-size的值设置
      可以直接给html的节点设置font-size：62.5%；1rem=10px；（16px*62.5%=10px）
    </h4>
    <h4>position:absolute</h4>
    <h4>clip-path</h4>
  </div>
</template>
<style scoped>
.box {
  border: 1px;
  width: 900px;
  height: 200px;
  margin: 10px;
  padding: 10px;
  line-height: 26px;
}
</style>