资讯专栏INFORMATION COLUMN

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

happyhuangjinjin / 393人阅读

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

   选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用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
  • 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh)

    摘要:我的博客原文地址原文地址如果文章对您有帮助,您的是对我最好的鼓励简要介绍前端开发中,静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询百分比和等。在端,通常认为中所表示的真实长度是固定的。 我的博客原文地址:原文地址 如果文章对您有帮助,您的star是对我最好的鼓励~ 简要介绍:前端开发中,静态网页通常需要适应不同分辨率的设备,常用的自适应解决方案包括媒体查询、百...

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

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

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

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

    newtrek 评论0 收藏0

发表评论

0条评论

happyhuangjinjin

|高级讲师

TA的文章

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