资讯专栏INFORMATION COLUMN

除了px还有什么单位?都如何计算?

happyhuangjinjin / 469人阅读

摘要:选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用,如果要考虑兼容性,那就使用或者两者同时使用。做移动端页面的几乎离不开这个单位。表示字面上指的是根元素的大小。如果没有重置,默认。

   选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用rem,如果要考虑兼容性,那就使用px,或者两者同时使用。

做移动端页面的几乎离不开rem这个单位。REM表示“Root EM”,字面上指的是根元素的em大小。在Web文档的上下文中,根元素就是你的html元素。如果没有重置,html默认font-size:16px。
我们可以方便的使用相对字体大小,而且还避免了使用嵌套的em结构的混乱。

1÷ 父元素的font-size × 需要转换的像素值 = em值

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

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

相关文章

  • 对于页面适配,你应该使用px还是rem

    摘要:第一种情况也不讨论了,通过断点适配后,其实你处理的还是第二种情况。至于移动端,支持情况不错,可以在生产环境使用。 css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并且随屏幕宽度自适应时,除了用%,其他单位是很难做到的。所以不存在说某个单位是错误的,某个单位是最好的这种说法。 那本文说的页面适配,指的...

    dkzwm 评论0 收藏0
  • 对于页面适配,你应该使用px还是rem

    摘要:第一种情况也不讨论了,通过断点适配后,其实你处理的还是第二种情况。至于移动端,支持情况不错,可以在生产环境使用。 css中的单位很多,%、px、em、rem,以及比较新的vw、vh等。每个单位都有特定的用途,比如当需要设置一个矩形的宽高比为16:9,并且随屏幕宽度自适应时,除了用%,其他单位是很难做到的。所以不存在说某个单位是错误的,某个单位是最好的这种说法。 那本文说的页面适配,指的...

    Jochen 评论0 收藏0
  • IOING在开发SPA大型应用时有哪些必要的技术条件?

    摘要:是一款高性能的前端开发引擎。这些功能模块的被放置在一起时,将很难避免相互影响,造成难以测试的。结尾的文档目前还不够完善,但完全可以满足必要的开发。 前言 之前公众号《前端早读课》推了我的文章(在这里表示感谢),很多同学有在底下留言,问我 Ionic 和 IOING 是什么关系?从名字来看两者的开头虽然都是 IO 打头但其实两者毫无关系,一丁点儿都没有。 IOING 是一款高性能的前端开...

    glumes 评论0 收藏0
  • IOING在开发SPA大型应用时有哪些必要的技术条件?

    摘要:是一款高性能的前端开发引擎。这些功能模块的被放置在一起时,将很难避免相互影响,造成难以测试的。结尾的文档目前还不够完善,但完全可以满足必要的开发。 前言 之前公众号《前端早读课》推了我的文章(在这里表示感谢),很多同学有在底下留言,问我 Ionic 和 IOING 是什么关系?从名字来看两者的开头虽然都是 IO 打头但其实两者毫无关系,一丁点儿都没有。 IOING 是一款高性能的前端开...

    newtrek 评论0 收藏0

发表评论

0条评论

happyhuangjinjin

|高级讲师

TA的文章

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