thesis presentation | http://forums.thewebhostbiz.com/index.php/termpaperforme-discount-codes/ | http://forums.thewebhostbiz.com/index.php/french-essay-phrases/ | http://forums.thewebhostbiz.com/index.php/grammar-lessons-online/ | vladimir lenin essay How to add media query in css?
Results 1 to 7 of 7

Thread: How to add media query in css?

  1. #1

    Default How to add media query in css?

    I have tried this but don't know how to use it for which screen. Please help.
    @media only screen and (max-width: 600px) {}

  2. #2

    Default media query in css

    The @media rule, introduced in CSS2, made it possible to define different style rules for different media types.

    Examples: You could have one set of style rules for computer screens, one for printers, one for handheld devices, one for television-type devices, and so on.

    Unfortunately these media types never got a lot of support by devices, other than the print media type.

  3. #3

    Default media query in css

    The @media rule is used in media queries to apply different styles for different media types/devices.

    Media queries can be used to check many things, such as:

    width and height of the viewport
    width and height of the device
    orientation (is the tablet/phone in landscape or portrait mode?)
    resolution
    Example
    HTML

    <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

  4. #4

    Default

    It uses the @media rule to include a block of CSS properties only if a certain condition is true.
    Example:
    If the browser window is 600px or smaller, the background color will be lightblue:

    @media only screen and (max-width: 600px) {
    body {
    background-color: lightblue;
    }
    }
    █ Servers Base - ServersBase.Com
    █ Solutions Tailored To Your Requirements For Unbeatable Agility.
    █ 100% Uptime Guarantee Fully Manged Servers
    █ SSD Disk Hosting Cloudlinux OS LightSpeed

  5. #5

    Default Bangalore ecommerce development company | Ecommerce design company Bangalore |

    https://www.youtube.com/watch?v=2KL-z9A56SQ this link helpful for you!!

  6. #6
    Join Date
    May 2019
    Location
    Toronto
    Posts
    6

    Default

    If you follow the instructions from the video, then there is nothing complicated.

  7. #7

    Default seo

    Media query is a CSS technique introduced in CSS3.

    It uses the @media rule to include a block of CSS properties only if a certain condition is true.

Similar Threads

  1. Which is the best Social media ??
    By ninadordev in forum Business Tools
    Replies: 4
    Last Post: 09-25-2018, 11:22 PM
  2. Social Media Optimization
    By shanewatson00 in forum Web Hosting Community
    Replies: 17
    Last Post: 11-29-2017, 06:08 AM
  3. What is Java Query?
    By stuartspindlow in forum Web Design Solutions
    Replies: 8
    Last Post: 07-15-2015, 06:30 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •