老师,recommend-price-num这里font-size为啥不用rem呢?

老师,recommend-price-num这里font-size为啥不用rem呢?

.recommend-price-num {

    font-size: 20px;

}

[data-dpr="2"] .recommend-price-num {

    font-size: 40px;

}

[data-dpr="3"] .recommend-price-num {

    font-size: 60px;

}

正在回答 回答被采纳积分+1

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

2回答
好帮手慕码 2019-04-27 16:01:59

同学你好!

这里用 iphoneX和 iphone6来对比,它们的屏幕宽度都是375,但是dpr是不一样的~

http://img1.sycdn.imooc.com//climg/5cc40af00001ecc606470328.jpg

http://img1.sycdn.imooc.com//climg/5cc40b0a0001032806410261.jpg

如果设置rem那么它的字体大小还是一样的,因此就需要考虑dpr3和dpr2的情况。

之后这种情况其实是不多见的,所以不要担心。发现这个问题说明同学很细心,有思考问题的能力,继续加油~

如果帮助到了你 欢迎采纳 祝学习愉快~

好帮手慕码 2019-04-27 14:59:54

同学你好!

在这里使用rem或者是px都是可以的哦,

一般在媒体查询@meida中不同设备宽度系下设置字体的大小,使用px单位。

布局主要是靠容器,文字一般是容器里面的内容,所以在这里字体设置成固定的px一般不会影响整体的布局,只是字体大小的问题。

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 邓歌 #1
    那每次都要考虑dpr3和dpr2的情况,这样很不利于开发,有什么比较好的解决方案吗?
    2019-04-27 15:08:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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