The first relative unit we’ll discuss is the percentage , which is us to descri height and width in . The unit is a percentage of the parent element. For example, our main element’s default font size is equal to or as we’ve already discuss. and giving it the font size of will make it or , as it is relative to the parent element. Next, we have units, which, like percentages, are relative to their parent element. By default, the font-size attribute values for the tag are and . However, unlike and , these units will scale according to the viewport size.
Likewise units scale according to
The size of their parent units. Instead, we also have units, which are similar to percentages and units in that they are relative and scale. However, unlike percent and , units refer to the root property and value, while skipping its parent Belarus Business Email List properties and values. For example, a tag might contain the text of a , and assigns a , so it’s half the size of the root. To demonstrate, we can create one more element with font size inside the pre-existing , which will the full of the tag, not the tag’s . The font size also takes the keyword as a font size attribute value.
Very similar to we can write
We have a numr of size keywords for font sizes, including small, small, small, mium, large, large, and large. Since all of these values are relative, they will scale according to the viewport size and the size of their parent B2B Fax Lead element. We also have and , which represent viewport width and viewport height , respectively. Each unit is bas on the viewport size. These types of relative measurements are especially useful when using grid layouts, since all elements exist in scalable columns and rows. Finally, there are and , which represent a for a smaller or larger viewport size, respectively.