这里老师讲的没问题吗?

这里老师讲的没问题吗?

设备像素比为2,1个css像素要两个物理像素渲染 ,不矛盾吗?手机屏幕大小不变 缩放比为1

的前提,像素比为2的两个物理像素等于像素比为1的一个物理像素大小,1px的边框应该没变化呀?

怎么这里讲的不一样,被搞迷糊了

突然冒出个1px边框,马上就要解决,解决的是什么呀,没搞清楚


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

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

1回答
好帮手慕然然 2021-08-02 12:04:26

同学你好,设备像素比为1时(dpr=1),在横向或纵向上,2个css像素对应2个物理像素,如图

http://img1.sycdn.imooc.com//climg/61076aa809d3df3206650345.jpg

设备像素比为2时(dpr=2),在横向或纵向上,2个css像素对应4个物理像素,如图

http://img1.sycdn.imooc.com//climg/61076b040905d93c04980325.jpg

所以,设备像素比为2,1个css像素要两个物理像素渲染 ,不矛盾。

当设备像素比发生变化时,1个css像素对应的物理像素会发生变化,也就是当设备像素比为2时,1px的高度需要两个物理像素渲染,在设备相同的情况下,两个物理像素看起来肯定要比一个物理像素要高一些,所以看起来是有变化的,如图

http://img1.sycdn.imooc.com//climg/61076d8e09f236e709850130.jpg

http://img1.sycdn.imooc.com//climg/61076d7a092b8a1409810308.jpg

所以,这节课要解决的就是在不同的设备像素比之下,让1px高度看起来是不跟随变化的。

老师讲的没问题,同学再仔细看一看这节课,再理解一下。

祝学习愉快!

  • 提问者 激情的樱木花道 #1

    在相同的屏幕下,设备像素比为1,1个物理像素对应一个css像素,设备像素比为2,2个物理像素对应一个css像素,这我知道

    不理解的是,像素比2时两个物理像素才等于像素比1时的一个物理像素大小,不是吗?怎么会说两个物理像素比1个物理像素大

    2021-08-02 15:04:21
  • 同学你好,在同一个设备中,两个物理像素肯定要比一个物理像素大。

    在实际开发中不会以物理像素为准来比较大小,一般是看css像素。假如高度都是1px,当dpr = 1时,1个css像素要1个物理像素渲染,当dpr = 2时,1个css像素要2个物理像素渲染,此时说的相等是css像素相等(都为1px),而不是物理像素。

    祝学习愉快!

    2021-08-02 16:51:51
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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