hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

web开辟是用px照样rem【html5教程】

2019-11-26HTML搜搜PHP网44°c
A+ A-
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网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
web开辟是用px照样rem【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签: