What does the prefers-color-scheme media feature target in media queries?
A). <div>Device's preferred color scheme (light or dark mode).
B). <div>Device's screen brightness level.
C). <div>Device's color depth and capabilities.
D). <div>Device's screen resolution.
What is a media feature in the context of media queries?
A). <div>An HTML element with media-related attributes.
B). <div>A condition used to target specific device characteristics.
C). <div>A CSS property that controls media playback.
D). <div>A JavaScript function for media manipulation.
How does the orientation media feature help in adjusting styles based on device orientation?
A). <div>It applies different styles based on device's aspect ratio.
B). <div>It applies different styles based on device's color scheme.
C). <div>It applies different styles based on device's screen resolution.
D). <div>It applies different styles based on device's portrait or landscape mode.
Which media feature is commonly used to target high-resolution screens, such as Retina displays?
A). <div>device-width
B). <div>device-height
C). <div>min-resolution
D). <div>resolution
How does a media query for max-width: 768px affect styles?
A). <div>It applies styles when the screen width is greater than 768px.
B). <div>It applies styles when the screen width is less than or equal to 768px.
C). <div>It applies styles when the screen height is greater than 768px.
D). <div>It applies styles when the screen height is less than or equal to 768px.
How do media queries with min-resolution and max-resolution benefit styling for high-density displays?
A). <div>They target devices with reduced display resolution.
B). <div>They target devices with reduced motion sensitivity.
C). <div>They target devices with reduced color depth.
D). <div>They target devices with specific pixel densities.
How does the min-width media feature work in media queries?
A). <div>It applies styles when the screen width is less than or equal to a specified value.
B). <div>It applies styles when the screen width is greater than or equal to a specified value.
C). <div>It applies styles when the screen width is less than a specified value.
D). <div>It applies styles when the screen width is greater than a specified value.
Which media feature is commonly used to target smaller screens in media queries?
A). <div>max-width
B). <div>min-width
C). <div>max-height
D). <div>min-height
Which media feature is used to target devices with a specific aspect ratio in media queries?
A). <div>aspect-ratio
B). <div>device-aspect-ratio
C). <div>device-width
D). <div>device-height
How can media queries be used to improve accessibility in web design?
A). <div>By targeting devices with reduced color capabilities.
B). <div>By targeting devices with reduced motion sensitivity.
C). <div>By targeting devices with reduced display resolution.
D). <div>By targeting devices with specific user preferences or needs.