00:00
好,我们来找对零二。第一个适配好,嗯,我们说这个适配吧,可是说这个适配的时候的话,咱们得知道几个概念啊,011这个单位有没有用过。Em这个单位。Em,这单位没用过,肯定用过,讲技术时候,版本会讲这个单位是相对于谁的。体的。自己的方是吧,那肯定是讲过来看一下为零定为零是吧,OK,来看一下只有你比如说干嘛,我说这个test吧是吧,我说你的外是如果为11。
01:00
你的hat也为11啊,给一个背景啊,它应该多大?啊,在体下这个元素应该多大。默认是多少?对,就要记住默认字体的多少,底下默认的方的36最小为12。是不是我们看嘛,那肯定是一百六乘以160,这个盒子肯定一百六乘160。看到没有?是不是我们什么底下,哎,我们说这个高度的问题啊,这是面经问到下干嘛字体的。字体的默认大小为16,是不是?
02:03
怎么办?谷歌?谷歌叫什么字体的?什么最小?大小为12X啊,这个得知多少是不是?可是告诉你这是谷歌浏览器,移动的浏览器。你写10PX都是可以正常显示的啊,不要说学过底下最大最啊最小,这大为12PX什么浏览写底下的字体的。最小的大小都是不是这样的,移动端浏览器你写5PX。都没问题啊。字体大小,呃,有的同学又又说,哎,那我一个div在课程底下写十篇。最终显示多少?就是10PX啊,这说的是字体大小,你变高都可以写什么一项数懂懂不懂说有时候同学就考虑的不是很细致,最少是12PX,什么东西都是12PX。
03:09
啊,只是字体啊,只是那个字,我电子你想想啊,你PC网页放到移动端的时候,那个字的话小到写到你干嘛看不清楚吧。那不就讲OK,好,这是第一个单位一样,那还有个单位。叫R燕,好,那这是我们适配用的最重要的一个单位,好二燕是什么?比如说现在咱给他12燕,也给他十阿燕,我把他的方。制成20P,好,我问大家现在这个块应该多大?按压有没有学过?绝好,这个一然程度有谁的?
04:00
我怎么感觉老老盘总是爆出口好依然是相当的。自身的防晒,自身的防他是不是OK好二燕呢?对,肯定学过了。是不是相当于什么。相当于。HTML跟标签的什么也是那什么跟标签的。有同学有同学记得,那肯定是讲过的。OK来看,那这个12件最终这个值应该多少。这个快该多少?
05:03
梦师用嘛,那还是一百六乘以160。刷一下,我去找到他去吧。是不是啊,来看一下,如果把这个标签的把它改掉。我就是30片折脸,看这个元素300乘以三。能不理解,那比如说刚刚这边我把这个方式下去再去。20PX是不是一样跟标签方呀,30PX最终这个宽度多少没有到二百二百码是吧?这你看一下F12来进来试下。二百二百能不能讲好,这两个单位能不能搞清楚了,好搞清楚我们说啊应该是。
06:00
好零三。好?什么是安全食品好?嗯。这个干掉没,嗯太的暂时外是跟亥的话,我写成一二年吧,啊这个干掉。好,我来问大家,首先二相对对面式的方程是什么?OK,只你再来问四变是多吗?适配干嘛说是这概念?实现什么页面在不同设备上等比?是不是好问你,那现在我如果有一个盒子,就这个test。他唯一呀。我想让这个元素不管在什么设备上面。
07:02
都占据整个市口。怎么做?问,你这是不是等比?现在这个元素不管在什么设备上面都占据满屏,是不是等比啊?是不是等比,是等比吗?那我要实现这个功能,这个等比是不是就出来了,RN识别是不是就出来了?那么你怎么实现,想让一个一八样的元素在不同的设备上面都占据满屏。咋整?改什么跟标签的装改成多少?想让一个元素在不同的社会上面都占据满屏?冻局是口吗?是不是,那是不是把我跟标签的方扇子改成跟布局是个大小一样,我就实现刚两我们布局是个大小怎么着。
08:10
这的点的点的点,那好做了OK,这样的话识别出来好上线。哇哇,那我知道哇,怎么办点找谁啊。是HTML点什么方。啊,Style h t,没点点方应该等于什么?Document document element点。
09:03
加什么X好,这里好。我就是这了,白眼是呗。啊,这是最粗糙的100万。好听好,刚才的问题啊,我们说什么,现在我有一张设计图为。750OK,上面有个元素为200,宽度200啊,高度也为200万,好,现在这个元素高宽我得写多少?多。想想适配的目的,百分百还一张设计图,现在你能不能把整张设计图就是看成一个设备?
10:00
可不可以啊,完全可以,我就是为了百分百还原你这张设计图嘛,相当于一张设计图放到我设计上面的话,宽正好要占满我一个设备嘛,那我就把设计图的这个图看着就是一个设备的宽。那么你那750不就等于一。是不是啊,那你这样写,那这个比例不就出来了,两百分之七百Y呀。概念怎么理解?是不是好,可是我们不希望看到小数。你看现在这个,只要是你页面这个元素,你写R肯定是小的。因为我最大就是嘛。是不是,那怎么办?OK,我说你的跟班线的方程S啊,除以一个16。那你想想这边我如果写八呀。正好一半。宽度那好,一般吧,高度不用管高度,你给那个像素值都可以。
11:03
对吗?那这样一看,那我刷过来,你看肯定是100。是吧,而且这个字体好像也小了点。是不是好?再来看,如果我写16而言。正好在满屏。是不是你先看我跟标签的方式,我问大家。是不是代表ER呀?是不是这样的一二呀,不就等于代表我跟标线的方程吗?现在我跟标线的方程是不是干嘛我视口的宽度啊,除以16啊,那问你四口的宽度等于多少吗?16个,哎呀。这么一写的话。
12:02
布局视口的宽度就是多少。16、I'm。是不是,那我问你是不是相当于设计图的宽度就是16花样吗?是不是,那现在干嘛?哎,整理来张设计图,为六百四的。高度为1334的,我问你。现在里面有一个元素啊,唯一版。高也100,宽也100,这个元素最终到页面上去应该是多少安呀?100比上六百四乘以16。能不能理解?
13:00
这就是二元食品。代码简不简单?代码其实简单吗?能理解吗?好,那整个是不是出来了啊,自己先思考一下。
我来说两句