Number 2 of this exercise says “the height and width of a content area can be set in pixels or percentage”. What is the difference between these two units and how do I know which unit to use?


#1

Question

Number 2 of this exercise says “the height and width of a content area can be set in pixels or percentage”. What is the difference between these two units and how do I know which unit to use?

Answer

A pixel is an absolute unit of measure equal to 1/96 of an inch. On the other hand, percentage is a relative unit of measure and is depended on the specific property in question. For example, the width and height properties define percentages relative to the width and height of a parent element whereas the font-size property defines percentages relative to the font-size of a parent element.

Both units have their uses but one major advantage of percentages is that this unit lends itself more naturally to responsive design.