‫Hey, there.
‫Welcome back, Siobhan, the site now in this lecture, let us discuss about VSS Unity.
‫Basically, whenever we use different values, we need to pass some unity.
‫For example, if I'm walking with font size, I will be using maybe pixel, maybe any other type.
‫Now the other type we are going to discuss in this lecture.
‫So whenever we work with images, whenever we walk with fonts, whenever we walk with any type of size,
‫we have different units.
‫We can utilize pixel.
‫We can utilize them.
‫Then we can also utilize percentage how these units differ from each other and which one should we prefer.
‫So in this lecture, we are going to discuss about them in depth.
‫The first thing is, I'm just giving you a reference so you can remember them for pixel user reference
‫all fixed for them, use a reference of Root and for M, as well as percentage user reference of period
‫or inheritance.
‫These are just reference.
‫Let us discuss about them and understand why these reference and how they're going to work.
‫The first thing is whenever we want to have our fixed size, it doesn't matter if we are using smartphone.
‫If we are using a laptop or maybe a tablet or any type of a screen, if we want a fixed size, then
‫we are going to use Pixel.
‫For example, if I have this image and I want this image to be 50 pixels by 50 pixel, no matter what,
‫then I am going to utilize the pixel part.
‫So what I'm going to do is I'm going to select this image and here I'm going to provide width as well
‫as height.
‫Let me save this one.
‫Get back here at 50 50.
‫We want fixed.
‫That's great.
‫Now, let us understand the other one, whenever we have fixed case pixel is the best we understood.
‫But what about other?
‫Now the next one that I want to discuss about is them pretty important and easy to use.
‫Most recommended.
‫So suppose here we have this speed dog and we have some content here that is our text.
‫So suppose I want to use them here now.
‫The first thing REM depends on rood value.
‫As I said, remember the reference head, I'm taking HDMI.
‫This is our rude and head.
‫I have one size, my default phone size as 16 pixel.
‫Now, whenever we are going to utilize them, whenever we are going to use them, it will depend on
‫this 16 pixel only.
‫So suppose let me take this feedback for first.
‫And head on when we use on size as one, then now head, the calculation will be one in 216.
‫Here it depends on this HDMI value.
‫So one in 16 is 16 itself, so the value will be 16 Pixel, four different sizes.
‫But but but if I change it to maybe do them for now, see this one.
‫This value will be 32 pixel.
‫Get back here.
‫You can see it's just off it ties.
‫Let me try to use one point one.
‫So we can see this small, different.
‫Get back here now you can see this is 16 pixel, but this is seventeen point six one point one actually
‫one point one ram equal to seventeen point six pixel.
‫You can see the difference.
‫I hope you got the idea.
‫So whenever we used Saddam, it will directly depend on this one size.
‫Now, the most common thing that everybody usually do is they use this as 10 pixels, so all the calculation
‫in them will be simplified.
‫Otherwise it will be too confusing.
‫What is 1.3 REM?
‫If this is 16, so you need to calculate every time.
‫Now, if I say 1.3 REM, it will be 13 pixels.
‫That's it.
‫So that's how it is going to work now.
‫You see this pixel sizes and because the speed that was dependent on this default value, but now this
‫one is dependent on the 1.3 rim.
‫The other one is dependent on the HDMI email phone size, which is then pixel now.
‫And that's why it is a small.
‫I hope you got the idea, so, Graham, depends on the road, which is are HTML now why we use them,
‫why it is so important whenever we want to increase or decrease size for entire thesis part and our
‫style, dirtiest all different elements altogether.
‫We don't have to change this one by one manually.
‫What I can do is I can just increase the size here, see and get back here.
‫It's increased.
‫And this is pretty important.
‫Now the next one is M, as well as the percentage they both walk in the same manner.
‫So let us understand him first.
‫Now the REM dependent on the route, but M depends on bearing what example.
‫Let me try to increase the size of this aid that won't leave.
‫So if you jump out and are always we have this item and debated for this aid, I guess this beat out
‫and despairing for the speed tag is this new section body and then.
‫So that's how the values play.
‫So let me try to increase the size here.
‫Let me try to use font size as one point three am if I save this one.
‫Get back here, you can see this is pretty big than expected.
‫Via because miscalculated multiplying experiences, so here the value of MS.
‫Phone size over this period multiplied by 1.3.
‫So here it is 13 pixel multiply by 1.3.
‫That's how this is going to work.
‫So depend on.
‫I hope you got the idea of the preference of inheritance and patent now and depend on the size.
‫So suppose if I take.
‫Fifty bucks in here.
‫What will be the.
‫What will the value of a hair -- site?
‫It will be 1.3 and 250.
‫Get back here.
‫You see, if I scroll down here, you see it's bigger than all these sticks.
‫Why?
‫Because Imus calculated, according to the parent multiplication.
‫So I hope you got the idea.
‫Let me take one point six RAM here, and if I take one point three, it will be 16 in the 1.3.
‫Let me get back here.
‫You can see it's still bigger.
‫But if I use one name here, save this one, it will be 16 pixels multiplied by one.
‫Get back here.
‫You see now they are saying.
‫So that's how this is going to work, it is important for you to understand all these value as we are
‫going to work with batting margin and few other properties as well.
‫One last important point with this percentage now.
‫It is also dependent on dependent care.
‫So here if I say 100 percent, 1.6 and 200 percent, so 16 percent and 100 percent, which will be 16
‫percent.
‫Get back here.
‫Everything is same.
‫But if I said 200 percent.
‫So what will be the 200 percent of 60?
‫It will be 30 to get back here.
‫So this is 32 now and this is 60.
‫So the percentage is also dependent on beating the M is dependent on parent, but them is dependent
‫on the route that is given, and Exxon is fixed in all the cases, big sellers aspects, it doesn't
‫matter where you are.
‫But remember, this is dependent on pain care if I change the value of parent or 20%.
‫This will be for, you know, because that's 200 of its parent.
‫Get back here.
‫This is 20.
‫This is what 40.
‫That's how this is going to work.
‫I hope you got the idea of all these four values.
‫I have a good diagram to make you understand the same.
‫So if you look here, REM, RAM Ahmadi, if it is 1.4m, we are multiplying with the road, which is
‫a demon and into 1.4, which is what if I say there is one point to them.
‫It is ten into 1.2, which is great.
‫If I say 1.40pm, it is peering into one point four, 14, 14, four, if I say 1.2m.
‫That is 14 into 1.0 meters.
‫Sixteen point eight.
‫That's it, that's all for this lecture, we will get more information as we move forward with these
‫value.
‫Now remember for padding, it is going to work exactly the same, we suppose here if I add padding.
‫Let it do rim, as well as big business to them, and here, let me say font size as one m.
‫And fighting has won and saved this one.
‫Get back here.
‫So the padding for this hole is called.
‫We have padding 20 here, 20 at the top left and right.
‫Everything is 20.
‫Why?
‫Because this is to them, which has been in total.
‫So it's 20 member.
‫And if I get back here, select this item.
‫Which is anxiety.
‫Yup.
‫Now you can see batting is 2020, 2020.
‫Why?
‫Because one in 220, this is true and depicts the light.
‫And now here, if I change this to 1.5m, that will be 1.5 in 220, we just have to get back here.
‫And if I see it's to 40, 30, 30, that's how this is going to work for padding as well as for margin.
‫That's all.
‫I hope this lecture was helpful.
‫Thank you for calling.
‫And I see you guys in the next one.