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 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 CSS rule is used to define media queries?
A). <div>@style
B). <div>@media
C). <div>@query
D). <div>@apply
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.
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
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 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.
How can media queries be used to target specific devices in CSS?
A). <div>By using the device-type media feature.
B). <div>By using the device-id media feature.
C). <div>By using the device-widthanddevice-height media features.
D). <div>By using the device-pixel-ratio media feature.
How can media queries be used to target high-resolution screens?
A). <div>By using the max-resolution media feature.
B). <div>By using the min-resolution media feature.
C). <div>By using the resolution media feature.
D). <div>By using the pixel-density media feature.
How do media queries help in creating responsive designs?
A). <div>By adding animations to web pages.
B). <div>By applying different styles based on device characteristics.
C). <div>By changing the structure of HTML documents.
D). <div>By adding interactivity to web pages.