资讯专栏INFORMATION COLUMN

rem 单位

aisuhua / 1951人阅读

摘要:是新增的单位,相对于根元素进行设置是相对于父元素的字体大小的单位浏览器默认的字体大小是例如在标准网页或者更简单的说是带标签的页面里得到的结果是,如果不要此标签则一切正常,那么在页面怎么获得的坐标呢,当然有办法使用来取代可以这样写

rem是css3新增的单位,相对于根元素html进行设置(em是相对于父元素的字体大小的单位)
浏览器默认的字体大小是16px

例如

html {62.5% /* 10/16*100% = 62.5% */}
p{font-size:1rem;/* 10px  */}
h1{font-size:2.4rem; /* 24px */}
 

document.body.scrollTop 在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0,如果不要此标签则一切正常,那么在xhtml页面怎么获得body的坐标呢,当然有办法-使用document.documentElement来取代document.body,可以这样写

var top = document.documentElement.scrollTop || document.body.scrollTop;

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115154.html

相关文章

  • 了解并使用CSS中的rem单位

    摘要:写了一篇文章,里面记录了他在实际使用单位过程中的一些感受。他的解决方式充分利用了到目前为止我们遇到的三种单位。根元素的长度单位依旧采用,模块用单位,模块内的元素使用单位。随后在中单位的强大之处提出了他的观点。 什么是 rem 可能在你使用收音机或者用其他音乐播放器之前,就已经听过R.E.M.这个词了。在这个乐队眼中,这个词是浅睡眠时眼球的快速转动的缩写,而在 css 中,rem 代表着...

    BWrong 评论0 收藏0
  • 彻底弄懂css中单位px和em,rem的区别

    摘要:是相对长度单位。相对于当前对象内文本的字体尺寸。引自手册特点是新增的一个相对单位,根,这个单位引起了广泛关注。目前,除了及更早版本外,所有浏览器均已支持。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。 国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? PX特点 IE无法调整那些使用px作为单位的字体大小; ...

    saucxs 评论0 收藏0
  • px、em和rem实战经验

    摘要:前言在自适应布局或者移动端网页开发时,我们经常会用到和两个长度单位。,相对长度单位。相对于当前对象内文本的字体尺寸。所有未经调整的浏览器中都是。最大的优点是提供一致尺寸,便于计算。为了还原设计稿和实现合理的布局所以需要根元素重写。 前言 在自适应布局或者移动端网页开发时,我们经常会用到em和rem两个长度单位。接下来我们讨论一下这两个单位和px之间的区别,以及他们的使用场景等。 区别 ...

    xietao3 评论0 收藏0
  • css中的几个单位——rem,视口单位和ch

    摘要:基于视口的单位视口单位可以用来什么,比如实现响应式设置相对视口的宽度和高度,可以实现水平垂直居中实现网格布局将图片按照屏幕的比例显示这几个单位是相对于视口的,也就是可视区域,总共分成了份。 rem rem是设计响应式网页的神器,因为rem单位是相对HTML元素的font-size属性的,因此当使用rem作为属性单位时,当改变HTML元素的font-size,其他使用rem作为单位的元素...

    leiyi 评论0 收藏0
  • css中的几个单位——rem,视口单位和ch

    摘要:基于视口的单位视口单位可以用来什么,比如实现响应式设置相对视口的宽度和高度,可以实现水平垂直居中实现网格布局将图片按照屏幕的比例显示这几个单位是相对于视口的,也就是可视区域,总共分成了份。 rem rem是设计响应式网页的神器,因为rem单位是相对HTML元素的font-size属性的,因此当使用rem作为属性单位时,当改变HTML元素的font-size,其他使用rem作为单位的元素...

    weij 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<