What is a key consideration when developing CSS for mobile devices?

Question

Options

• AUsing high-resolution images only.
• BEnsuring responsiveness to different screen sizes.
• CUsing external stylesheets exclusively.
• DAvoiding JavaScript usage.

• A
  2% (1)
• B
  92% (47)
• C
  4% (2)
• D
  2% (1)

Explanation

Ensuring responsiveness to different screen sizes (B) is the key consideration because mobile devices span a vast range of screen dimensions, resolutions, and orientations - CSS must adapt layouts fluidly using techniques like media queries, flexible grids, and relative units (%, em, rem) to deliver a usable experience across all of them.

Why the distractors are wrong:

• A - High-resolution images actually hurt mobile performance by increasing load times and data usage; mobile CSS should optimize for bandwidth, not maximize image quality.
• C - External vs. inline stylesheets is an organizational choice unrelated to mobile considerations; both can be used effectively on mobile.
• D - JavaScript is commonly used alongside CSS on mobile (e.g., for touch events, lazy loading); avoiding it entirely would cripple most modern mobile experiences.

Memory tip: Think "mobile = many sizes" - the word responsiveness is practically synonymous with mobile CSS development, and frameworks like Bootstrap exist entirely to solve this one problem.

No community discussion yet for this question.