3:54-4:37老师这里说的后面会讲到是哪里讲到
PX自定义属性?
docEl.setAttribute('data-dpr', dpr); 这个没有明白是什么意思给docEl设置了一个data-dpr属性是dpr??有啥用
11
收起
正在回答 回答被采纳积分+1
3回答
好帮手慕久久
2020-09-09 11:21:35
同学你好,问题解答如下:
1. px不是自定义属性。
2. docEl.setAttribute('data-dpr', dpr);这句代码的作用就是将设备的dpr,直接设置在html元素上,这样写代码的时候,就可以直观的在html结构上,看到设备的dpr值,如下:
这样做有一个其他的目的,即如果页面中,某些元素的尺寸,我们不想使用rem作为单位,也就是还想使用px作为单位,而且还想实现在不同的dpr下,能够设置不同的px值,那么就可以如下这样写:
即在data-dpr="2”的设备下,设置“.recommend-price-num”这个元素的fontsize为40px;在data-dpr="3"的设备下,设置“.recommend-price-num”这个元素的fontsize为60px,这样就实现了利用dpr,给相同的元素,设置不同的样式。
3. 这种书写样式的方式,在下一节课程中,会讲到,同学继续往下听即可。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星