Mediaqueries are simple filters which can be applied to CSS styles. They make it easy to change styles based on the device rendering the content, including the display type, width, height, orientation and even resolution.
use to like below code:
/*For Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/*for iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}
/*For Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
Markdown for AI
A clean, structured version of this page for AI assistants and LLMs.
We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
Privacy Policy.
Media queries are simple filters which can be applied to CSS styles. They make it easy to change styles based on the device rendering the content, including the display type, width, height, orientation and even resolution.
use to like below code: