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 target devices with specific color capabilities?
A). <div>By using the min-color media feature.
B). <div>By using the max-color media feature.
C). <div>By using the color media feature.
D). <div>By using the device-color media feature.
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.
What is the purpose of using media queries in CSS?
A).
To create animations and transitions.
B). <div>To apply different styles based on device characteristics.
C). <div>To add interactivity to web pages.
D). <div>To structure HTML documents.
What is the purpose of the hover media feature in media queries?
A). <div>To target devices with touch screens.
B). <div>To target devices with mouse or pointer capabilities.
C). <div>To target devices with high-resolution screens.
D). <div>To target devices with physical keyboards.
What does the orientation media feature target in media queries?
A). <div>Screen resolution.
B). <div>Screen width and height.
C). <div>Device orientation (portrait or landscape).
D). <div>Device pixel density.
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 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.
How does the prefers-reduced-motion media feature benefit accessibility in media queries?
A). <div>It targets devices with reduced display resolution.
B). <div>It targets devices with reduced motion capabilities.
C). <div>It targets devices with reduced color capabilities.
D). <div>It targets devices with reduced animation or motion sensitivity.
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.