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.
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 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.
What is the purpose of using media queries with min-device-width and max-device-width?
A). <div>To target devices based on physical screen dimensions.
B). <div>To target devices based on logical screen dimensions.
C). <div>To target devices based on screen aspect ratio.
D). <div>To target devices based on screen resolution.
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.
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.
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 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.
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 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.