提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > web开辟是用px照样rem【css教程】,px,rem

px是用于牢固尺寸的单元,多用于pc端页面;而rem是一个相对于html根元素的单元,合适用于简朴的挪动端页面。在项目中照样要根据细致开辟请求来挑选最合适的长度单元

在前端开辟中,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网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"web开辟是用px照样rem【css教程】,px,rem"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线