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

打印 上一主题 下一主题

主题 1032|帖子 1032|积分 3096

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
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

惊雷无声

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表