从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍“CSS3中REM单位怎么使用”,在日常操作中,相信很多人在CSS3中REM单位怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3中REM单位怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
专注于为中小企业提供网站制作、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业弓长岭免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
假设我们有这个CSS:
CSS
articleh3{font-size:20px;}
articlep{font-size:12px;}
首先,我们需要确定相对于所有字体的px大小。为了方便起见,我所做的最好的做法是使rootfont-size1px像这样:
CSS
html{font-size:1px;}
其次,我们需要将其余的字体大小值从像素替换为rem单位。
CSS
articleh3{font-size:20rem;}
articlep{font-size:12rem;}
REM做什么,需要20REM并将其与根元素相乘:
20REM*1PX=20PX.
浏览器支持
IE7和IE8仍然需要使用PX值。这将迫使我们两次写入字体大小,一次在PX中,第二次用REM。
CSS
articleh3{font-size:20px;font-size:20rem;}
articlep{font-size:12px;font-size:12rem;}
示例如下:
html{font-size:1px;}
articleh3{
font-size:20px;/*SupportIE7&IE8*/
font-size:20rem;
}
articlep{
font-size:12px;/*SupportIE7&IE8*/
font-size:12rem;
}
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
到此,关于“CSS3中REM单位怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图