在前端开辟中,CSS中的长度单元是必不可少的,由于在CSS中的浩瀚属性都须要依靠长度单元来显现种种页面元素及结果,接下来将在文章中为人人细致引见两种经常运用的长度单元rem和px,愿望对人人有所协助
【引荐课程:CSS教程】
px
px意为像素,它是相对于显现器屏幕分辨率而言。用px设置字体大小时,结果会比较稳定和准确。然则用px也存在一些问题比方:IE浏览器没法调解那些运用px作为单元的字体大小,因此会造成因装备屏幕大小使得页面结果发作转变
rem
rem是CSS3新增的一个相对单元,当运用rem为元素设置字体大小时,它会相对于HTML根元素是。经由过程rem,我们只须要修正根元素就能够成比例的调解一切字体的大小,同时还可以防止字体大小逐层复合的连锁反应。
例:
!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 用px单元--> px:<p style="font-size:14px; text-indent:28px"> 我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨</p> <!-- 用rem单元,当前html的字体大小是16px--> rem:<p style="font-size:14px; text-indent:1.75rem"> 我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨,我是一段笔墨</p> </body> </html>
结果图以下:
px与rem怎样挑选
px合适用于牢固尺寸,多用于pc端页面,而rem更合适用于挪动端页面
rem完成的是在差别尺寸的屏幕上显现大小一样的内容,然则用户每每须要的是页面结果跟着屏幕的大小转变而转变,所以rem在庞杂的页面上不占任何上风
所以在开辟中,我们照样要根据现实开辟状况来决议,比方有的项目只须要在pc端展现我们就能够运用px作为长度单元,有的项目须要做相应式开辟就要看细致状况来决议了
总结:以上就是本篇文章的全部内容了,愿望对人人有所协助。
本文参考:https://www.html.cn/book/css/values/length/index.htm
以上就是web开辟是用px照样rem的细致内容,更多请关注ki4网别的相干文章!