关于border 在dpr不同粗细不同的提问

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,是这样的: 用rem也可以表示1px,但是由于rem和px转化之后,可能需要0.02rem、0.03rem这样的数字来表示1px,有一些机型并不能很好地识别小数点型的rem,因此不推荐这么使用,在实际开发也不常用。

例如在drp为2的情况下,效果图为750px,根据之前推导出来的公式,px和rem之间的比例为:

40px=1rem,那么100px为2.5rem。如果border为1px,转换为rem就是0.025rem;某些机型不能兼容这种小数点型的单位,所以这种方法不适用!

同学可以再理解一下。祝学习愉快~

好帮手慕码 2020-09-09 09:47:33

同学你好,rem单位是与根元素(html)的font-size值有关,而1px这个和dpr(不同分辨率)有关系,因此给border设置为rem单位并不能很好地解决问题。

1px边框这个问题在面试中比较常见,这里单独拎出来讲解一下,也是希望同学们可以着重掌握一下~

祝学习愉快~

  • 提问者 陈立天 #1
    我没有听明白老师的解释,rem是和html根元素的font-size有关,那把边框设置成rem 不也是和font-size有关了么。 为什么说1px就是适合dpr不适合font-size呢?不能很好的解决问题指的是什么意思
    2020-09-09 09:49:38
提问者 陈立天 2020-09-09 09:07:39

因为前面的宽高都是用rem 解决缩放比例的问题 。那这里的border老师为啥要用px? 用rem就不会存在这种问题才对

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师