当前位置: 首页 > article >正文

Html-理解前端开发中单位(em单位和rem单位)和网络地址

em

em 是CSS2引入的相对单位,作为字体大小使用时和百分比单位类似,都是相对于最近的父元素设置字体大小,为标签元素设置字体大小为100%和设置字体大小为1em是一样的效果,默认情况下浏览器的字体大小为16px,这样只要浏览器默认的字体大小不变,1em = 16px

Document

可可

可可
可可
可可
可可

效果图

在这里插入图片描述px

一般我都是使用px来设置我们的文本,因为它比较稳定和精确。但是px本身却存在一些问题,当用户在浏览器我们的页面时,如果他改变了浏览器的字体大小,这时会使我们的Web页面布局被打破。这样的话对于关心网页布局展示的用户来说,这就是一个必须解决的大问题。因此,就提出了使用em来定义Web页面的字体。

rem

rem root em,CSS3新增的相对单位,相比于其他CSS3单位(ch,vw,vh,vmax,vmin)移动端兼容性强,android2.1+,iso4.1+。作用和em类似,唯一的区别就是em是相对父元素的,rem是相对html根节点的,即所有使用rem单位的子元素的字体大小都是相对根节点的。

Document
可可
可可

在这里插入图片描述vw、vh

Document

http://www.kler.cn/a/299398.html

相关文章:

  • 【开源免费】基于SpringBoot+Vue.JS体育馆管理系统(JAVA毕业设计)
  • Contrastive Imitation Learning
  • 动态规划DP 最长上升子序列模型 合唱队形(题目分析+C++完整代码)
  • C语言【基础篇】之流程控制——掌握三大结构的奥秘
  • 洛谷 P10288 [GESP样题 八级] 区间 C++ 完整题解(STL二分法)
  • 【C++】List的模拟实现
  • 魔方栈源码-网站在线玩魔方源码-云魔方
  • 分享几个国内可以使用 ChatGPT 的优秀网站推荐
  • 在Ubuntu上通过Docker部署 MongoDB 服务器教程
  • 2024 年 8 月区块链游戏研报:用户增长与加密货币市场波动并存
  • 百度智能云向量数据库创新和应用实践分享
  • React 前端应用结合 Nginx 部署指南及常见错误排查
  • Android的logcat日志详解
  • 如何使用ChatGPT进行高效的对话生成与优化
  • CentOS7 -bash:vim:未找到命令
  • 前端架构名词介绍
  • SpringBoot自动配置的全面理解(面试核心)
  • java 上传代码到线上流程
  • CyberDAO·S级市场旅游研讨会:川西之行圆满落幕
  • (备份) esp32 GPIO
  • Java 学习中使用文件、网络连接等资源时,未正确关闭资源,导致资源泄漏应该怎么办?
  • 你对Grok AI和数据隐私了解多少?
  • jetbrains激活服务器
  • info_scan!自动化漏洞扫描系统,附下载链接
  • 关于Acrel-1000DP分布式光伏监控系统在某制药公司21.35MW光伏10KV并网系统的应用探讨-安科瑞 蒋静
  • linux线程cp模型,posix信号量,线程池,线程封装,单例模型,懒汉饿汉实现方式,自旋锁,读者写者模型