3:54-4:37老师这里说的后面会讲到是哪里讲到

3:54-4:37老师这里说的后面会讲到是哪里讲到

PX自定义属性?  

docEl.setAttribute('data-dpr', dpr); 这个没有明白是什么意思给docEl设置了一个data-dpr属性是dpr??有啥用

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

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

3回答
好帮手慕久久 2020-09-09 11:43:56

同学你好,问题解答如下:

  1. 将data-dpr设置在html元素上的作用,已经在上一问中回复了,同学再看一下。

  2. 而后两句,将max-width和min-width这个两个属性,使用setAttribute设置在html元素上,就单纯的是为了能直观的在html结构上,看到这两个值是多少,这两处设置并没有实际的作用,也可以不用设置在html元素上。

祝学习愉快!

好帮手慕久久 2020-09-09 11:21:35

同学你好,问题解答如下:

1. px不是自定义属性。

2. docEl.setAttribute('data-dpr', dpr);这句代码的作用就是将设备的dpr,直接设置在html元素上,这样写代码的时候,就可以直观的在html结构上,看到设备的dpr值,如下:

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

这样做有一个其他的目的,即如果页面中,某些元素的尺寸,我们想使用rem作为单位,也就是还想使用px作为单位,而且还想实现在不同的dpr下,能够设置不同的px值,那么就可以如下这样写:

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

即在data-dpr="2”的设备下,设置“.recommend-price-num”这个元素的fontsize为40px;在data-dpr="3"的设备下,设置“.recommend-price-num”这个元素的fontsize为60px,这样就实现了利用dpr,给相同的元素,设置不同的样式。

3. 这种书写样式的方式,在下一节课程中,会讲到,同学继续往下听即可。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

  • 提问者 陈立天 #1
    关于老师第二点问题的回答 ,https://class.imooc.com/course/qadetail/250500 这里老师的回答中说到 可以用rem来代替font-size 。 如果这里页面的font-size和dpr关联的话 他能够自适应屏幕大小么? 不是应该只能是自适应dpr为1和2和3的3种情况 ,应该不能响应不同大小尺寸屏幕的情况把? 所以是不是rem更灵活一些?
    2020-09-09 11:27:53
提问者 陈立天 2020-09-09 11:21:26
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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