Which page-layout method uses percentage values to create fluid layouts?

Which page-layout method uses percentage values to create fluid layouts?

• A. Fixed
• B. Adaptive
• C. Liquid
• D. Rigid

Answer: (C)

Fluid layouts resize with the viewport by using widths defined as percentages. When elements are sized in percent, their dimensions depend on the size of their containing block, so as the browser window grows or shrinks, the whole page scales smoothly and remains proportional. That continuous, flexible resizing is what we call a liquid layout. Other approaches rely on fixed pixel values, so they don’t adjust fluidly, or they switch between predefined sizes at certain breakpoints rather than scaling continuously. The liquid method is the one that uses percentage values to achieve that fluid behavior.

Fluid layouts resize with the viewport by using widths defined as percentages. When elements are sized in percent, their dimensions depend on the size of their containing block, so as the browser window grows or shrinks, the whole page scales smoothly and remains proportional. That continuous, flexible resizing is what we call a liquid layout. Other approaches rely on fixed pixel values, so they don’t adjust fluidly, or they switch between predefined sizes at certain breakpoints rather than scaling continuously. The liquid method is the one that uses percentage values to achieve that fluid behavior.