of mice and men essay introduction | http://forums.thewebhostbiz.com/index.php/essay-1984/ | what writing experts | my favourite leader mahatma gandhi 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?)

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

  4. #4
    Join Date
    Apr 2019


    It uses the @media rule to include a block of CSS properties only if a certain condition is true.
    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;
    ServersBase.Com - sales@serversbase.com
    █ SSD cPanel Web Hosting LiteSpeed MariaDB CloudLinux & MultiPHP!
    Solutions Tailored To Your Requirements For Unbeatable Agility.
    █ Fully Managed Cloud Instances, Daily Backups & Active Monitoring!

  5. #5

  6. #6
    Join Date
    May 2019


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

  7. #7

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