00:00
那其实这个识别是需要优化的啊,可是我们再来捋一捋。好,首先我们说了啊,跟这个em是不是没有任何关系啊,啊,只跟这个R有关系吧,是不是一个单位啊。你是一个单位吧,现在我说了R是不是相当于跟标线的方程下,那么你跟标线的方向向是不是代表E。你没讲我们说跟标签的方程式是什么。就是等于一,你的值就是等于的值。这没有用是不是?那看适配是实现页面在不同设备上要等比。好,现在我就一个最简单的需求,我说什么你们啥也不用管干嘛,就是这个宽度为一,我要让你这个1RE,在不同的设备上面都占据个嘛。满屏都满屏嘛,那怎么办?都满屏嘛,相当于你这个宽度得是什么布局是宽度吗。
01:00
是不是现在你的宽度是1M嘛,你怎么让不同设备上面这个re em都一都占据不同设备上面这个满屏啊,你把跟标线的方式是等于什么布局是个的宽度,那么你是不是一二一样就干嘛占据了。多少这个值多少这个值不固定的吧,看你设备的吧,是不是,那我有没有实现现在一个元素在不同的色上面进行分表。是不是精实现了,我问你,现在不管设计图,你知道设计图七百五也好的宽度啊,你知道设计图的宽度是六百四也好的,我问你啊。跟这个七百五六百四还有关系吗?没有,因为你要百分百还原这张设计图吗?说最终这种设计图到页面上去的话,它的宽度是多少。RBL。是个成像单位啊,最终要转成PX的。
02:05
是不是,那问你,那是不是我页面里面设计图上面说的元素,不管怎么样,这个值肯定会小于一。都是小数,我们说在前端的话当中,最好不要出现小数,小数太麻烦了,而且他算不准,不是我们算不准浏览器干嘛。算不准,我不想你出现小数,那怎么办?是把这个一稍微变大一点。是不是,那问你,那我就让这个一样一变,变成十六二样行不行,变成12样行不行都可以啊,现在只不过我选的只是吧十六二样吗?你想让设计图的宽度以后都按十六二线来算,那我问你。一大件应该得多。1/16的什么布局是可快?1/16的布局是环吗?要想让一一变成布局是否的1/16?
03:00
这句话应该怎么改,这是不是吗?就除以16。现在问你,现在我写个八呀,再去多少。APP。刷一下不是一般。能不能理解。而且适配只考虑。宽度高度咱们先不说。是吧,咱们是不是一直在考虑宽度啊。能不能讲,因为高度最终肯定要干嘛。溢出来的。懂吗?OK,所以说我们宽度他们一定要配。这能么理讲,现在能不能理解为什么我这边除以16,除以十行不行啊,除以十我这边写八样的话,是占去8/10了,十分八。你讲现在过。可不可以挂,你说这个值。
04:02
自己去定,16也好,20也行,一般我们改16。好,现在代表16R,一是我布局视口的宽度。是不是又因为你要百分百还原设计图,相当于设计度的宽度就是16RN,好,那设计度的宽度为16R,如果设计的宽度为640,里面有个元素为三百二宽度,问你这个宽度最终要写多少?IM。是不是啊,OK,好,那我就问你,那这个I适配现在是不是只有这两个代码好,这两行代码是不安全,为什么不安全?我问你,现在一旦我这个识别方案确定成了re,识别好跟标签的方式,还能有其他操作改变跟标签的方式吗?
05:00
这是我阿是贝了。我R识别了之后,是不是跟标签的方式应该要确定下来,是不是能不理解,我们说干嘛这个跟标签的方式不能被其他所改掉吧,我们说要把这个跟标签的方式权重提上去啊,一定要加杠一不等的吧,可是你们有没有这么写过?啊,我说有个HT表,是不是来一个是掉是不是掉写写方,他size为什么100PX,再来一个杠。不的行不行啊,你看吧。M上看。就看这个元素。在维多。你看我这是不是写的跟标签的方为100P,后面是不是加了个杠一波。
06:01
你看现在我是不是一三,看这个元素单位多800乘以180,我是不是写了一个八个一啊好,好像这个样式是可以的吧,来看一下,我把这个方式改掉,看能不能改。200P吧,就你看。能不能改,能改的吧,说明这个有没有起作用,没有这个杠,Important是。CSS的东西啊,之前就让你们已经分分清楚了,你现在写掉了HTM的一个属性里面,这是HTL维度上的概念,懂吗?所不能这么做。是不是啊,那怎么办?那我还能直接改吗?还得通过这种这种形式啊,就是就有同学会认为可以可以这么改啊,怎么办,我在后面干嘛,加一个一波,这不就行了吗。行吗?不行,你改成跟标线的方向啊,改成跟标线什么是这样属性啊,你不能这么做的,能不能讲,那就不能这么写,这么写是一个错误的方案,懂不懂?好,我把这个错误的方案对吗。
07:13
标点是什么错的啊?你不能这么写,OK,那应该怎么写?还需要拿这个节点吗?不用。我一个style node等于什么document.create element创建一个掉OK,最终这个要放到什么document.had点分。是不是肯定要塞进去了,是不是塞的时候干嘛。
08:00
Still那个点in HTML等于一个文本,文本怎么写HTML?你的front size一定得是一个PH值,而且要加。Pot,好像PTT吧,是不是?只不过这个值需要我们自己来控制,我叫他W,这个值应该等于多少哇,一个W等于多少?Document document element.y除以16完事。好阿,适配四行代码,记死了四行代码。啊,你写I没有写到四行代码,所以错了啊,除非你把这个外代码贴到这里面来就算了的。啊,按照我这个套路写,你就记死了,四行代码能没讲那一般我们的写法同学吗?
09:01
来个一吗?是不是OK,把这些东西干嘛分到到这个座椅里面去搞混,那这个就是。真正的啊言适配好能不能理解这个优化能不能理解好,而且这个要标签自己创建,不要去拿这个调标签,为什么页面上面有可能就压根没有调标签,都是外联样式标。链进来的,所以说这个一定自己去创建,不要去找,有可能找不到。你们讲说这种写法是最最安全的。对不对,那你看走你。刷一下,你看我们这个head里面肯定是有一个调,看到没有,有两个行不行啊。行啊,一掉无所谓啊。能不能讲OK好。
10:00
紧接着。按照我们的套路,一定要说啊,氧胺是不的原理好有有没有哪个同学现在能说说二氧是不是?原理呢?问,你最终这些东西有没有全部转成PX啊?肯定转片是吧,你看我刷一下,大家看D嘛,是不看这个D,你看最终干嘛,肯定是100200P吗。是不是比如说换到IPHONE6上面去。刷一下这个值,你看一样吗?不一样吧,这个是转成最终什么。CS小数的一个结果吧,单位你看都是2M81,这肯定没有变吧,是不是?我问你二是不的原理是什么?大家想想,我现在想实现一个元素,在不同设备上面等比。
11:03
他所占据的CS3像素的个数能不能一样?不能一样。那我改的是什么?改变了什么?一个元素在不同设备上占据的?CSS像素的个数。如果你一个元素在不同设备上面占据的CSS相同个数都一样,我问你最终能得比吗?肯定是一样大的。我想实现等比。你们俩肯定得。不一样大不一样大才能等比吗?是不是啊,那怎么办?你在设备上面占据在线的个数肯定是不一样的,而且这个个数个数之间是有比例的,这个比例正好干嘛。
12:00
让你等了,这就是I识别的原理。懂吗?经常有人问阿燕是不是的原理,把这句话抛给他,然后再帮他分析怎么分析。来了,套路来了,怎么分析就这么分析啊,一个I识别讲半小时肯定没问题。懂吧,OK,那这就是我们最终的一个I压的一个啊。啊,一个方案。能理解吗?能讲能理解,我讲下一种视频。好是首先我们说这个安全识别的这个优点跟缺点嘛。优缺点优点我们使用了完美时空。是不是完美时刻?是不是咱们从来没有破坏过?OK,好,我们说干嘛有完美时刻?
13:03
优点对吗?没有破坏完美,缺点呢?PX值到Ren的转换太复杂。是不是是设计图上面是不是都是PX值啊,这些PX到二压的转化是不是太复杂,这就是按压识别的一个缺点,懂不懂,可是这个缺点以后咱们可以用less。啊,来把它解决掉啊,OK,那我们来看下一种视频方案好。
我来说两句