Yahoo India Web Search

Sign In

Search results

  1. www.w3schools.com › cssref › css3_pr_mediaqueryCSS @media Rule - W3Schools

    Learn how to use the @media rule to apply different styles for different media types/devices with media queries. See examples of how to create responsive web design, change layout, orientation, and color based on screen size and resolution.

  2. www.w3schools.com › css › css3_mediaqueriesCSS Media Queries - W3Schools

    Learn how to use media queries in CSS to apply different styles for different devices and screen sizes. See examples of media types, features, syntax, and expressions.

  3. developer.mozilla.org › en-US › docs@media - CSS: Cascading Style Sheets | MDN - MDN Web Docs

    Apr 30, 2024 · The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.

  4. www.w3schools.com › css › css_rwd_mediaqueriesResponsive Web Design Media Queries - W3Schools

    Learn how to use media queries to create responsive web design with CSS3. Media queries let you apply different styles depending on the device width, orientation, and resolution.

  5. css-tricks.com › a-complete-guide-to-css-media-queriesA Complete Guide to CSS Media Queries | CSS-Tricks

    Oct 2, 2020 · Learn how to use media queries to modify the appearance and behavior of a website or app based on device, browser or system settings. Explore media types, features, operators, syntax, nesting, accessibility and more.

  6. developer.mozilla.org › en-US › docsUsing media queries - CSS: Cascading Style Sheets | MDN

    Apr 30, 2024 · Media queries are used for the following: To conditionally apply styles with the CSS @media and @import at-rules. To target specific media for the <style>, <link>, <source>, and other HTML elements with the media= or sizes=" attributes. To test and monitor media states using the Window.matchMedia() and EventTarget.addEventListener() methods.

  7. People also ask

  8. developer.mozilla.org › CSS_layout › Media_queriesBeginner's guide to media queries - Learn web development | MDN

    Dec 12, 2023 · Media Query Basics. The simplest media query syntax looks like this: css. @media media-type and (media-feature-rule) { /* CSS rules go here */ } It consists of: A media type, which tells the browser what kind of media this code is for (e.g. print, or screen).