永发信息网

HTML/CSS 手机端中的长度单位rem 可以像px一样直接用吗?需不需要什么声明或者换算??

答案:4  悬赏:40  手机版
解决时间 2021-11-21 01:38
HTML/CSS 手机端中的长度单位rem 可以像px一样直接用吗?需不需要什么声明或者换算??
最佳答案
rem一般用于设置字体的大小,1rem就是html根元素的字体大小,2rem就是html字体大小的2倍,1.5rem是html字体的1.5倍,0.75rem则是html字体大小的四分之三,依此类推。

因此,rem是一个相对长度单位,当改变html根元素的字体大小时,所有以rem为单位的字体大小也会跟着放大或缩小。
当然,它也可以用在其它地方,不一定是字体大小。比如要把某个元素的宽度设为5个字符的宽度,则 {width:5rem}追问不是,你没听明白我的意思。。我是说用rem为单位 需不需要声明之类的东西?
还是说和px一样直接用,不需要任何声明 ?追答我上面回答的意思就是为了告诉你不需要声明啊。因为html的任何元素(包括html本身)即使不设置都有默认字体大小的,比如html元素默认的字体大小为16px,那么1rem就等于16px,但是当把html根元素的字体改变大小时,1rem的实际大小也会跟着改变,明白没有。
PS:css的任何度量单位都无需预先声明什么的追问那意思是我直接写就行了 是不是这个意思 大神
全部回答
!new function(){var a=this;a.width=750,a.fontSize=100,a.widthProportion=function(){var b=(document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/a.width;return b>1?1:b},a.changePage=function(){document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+a.widthProportion()*a.fontSize+"px !important")},a.changePage(),window.addEventListener("resize",function(){a.changePage()},!1)};

引入这段js,设计图的750px = 7.5rem
rem是需要声明之后才能用的,需要用到单位换算的工具。一般设计图都是以750px位参考,所以如果把页面分成15份的话就是:
1.此代码写在html页面中

2. 在.less页面声明使用rem:
@r:50rem;
3.建议去了解less和sass
首先你需要知道rem的意思是页面根元素的字体大小,即html的font-size。

默认情况下,html的font-size是16px,这个时候,你写height:1rem;就是height:16px;

但是,你要考虑到如果rem被改变了,比如你引入的第三方css或者js文件中设置了html的font-size:160px; 那么此时的height:1rem;代表着height:160px;

所以,建议你设置一下html的font-size,以防出现意外情况。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
不小心把塑料吃下去怎么办?
上海烂苹果乐园地址在哪里吗
康熙第十个儿子胤誐的人生?
★大家一起说说喜欢窝猴多久了吧
2018可以参加什么舞蹈比赛?
zuo爱是什么感觉?chu女和有经验的女人比起来
一木家具(敦化店)地址好找么,我有些事要过去
可莱丝c版面膜在哪里看日期查询
求问刺猬紫檀家具特点是怎样的
急需急用
黄豆酱为什么要晒 黄豆酱要晒几天
沼气项目中沼气的用途及相关技术
诺兰版的《蝙蝠侠》和漫画中的蝙蝠侠有什么区
蔬菜喷什么样的激素能快速生长?
我女朋友,什么意思😒
推荐资讯
心口窝处有个硬东西是怎么回事
怎样种雏菊
冰箱耗电量0.78千瓦/24时什么意思
OPPOA37怎么导入联系人
中国牧民养马群最多的是哪个地方
超级猜成语126关答案
双十二是什么意思?我只知道双十一。是不是还
手机号码尾数8588的机主,一般是从事什么行业
天健·天骄怎么样?好不好?值不值得买?
男法师魔皇我有12的武器法杖不要假紫装备拿什
古代有罗兰公主这个人吗?买那本书可以清楚的
39分之33怎么约分
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?