Which CSS feature is essential in Responsive Web Design (RWD)?

Question

Options

• AMedia Queries
• BAbsolute Positioning
• CFixed units like pixels
• DFlash animations

• A
  95% (35)
• B
  3% (1)
• D
  3% (1)

Explanation

Media Queries are the cornerstone of Responsive Web Design because they allow CSS to apply different style rules based on device characteristics like screen width, resolution, or orientation - enabling a single codebase to adapt its layout across phones, tablets, and desktops. Absolute Positioning (B) breaks responsiveness by placing elements at fixed coordinates regardless of screen size, causing overlaps on smaller screens. Fixed pixel units (C) are the opposite of responsive - they don't scale, which is why RWD favors relative units like em, rem, or %. Flash animations (D) are a deprecated plugin-based technology unrelated to CSS or responsive design entirely.

Memory tip: Think of media queries as "questions" your CSS asks the device - "Are you a small screen? Then use this layout." The word "query" = asking a question about the environment, which is exactly what responsive design must do.

No community discussion yet for this question.