Media Query

This thread contains 1 reply, has 2 voices, and was last updated by Darshan Rathod 2 years, 3 months ago.

  • Author Replies
    • #18285

      I need To Know the difference between “@media only screen and (min-width: 768px) and (max-width: 1024px) ” and “@media  (min-width: 768px) and (max-width: 1024px) “.


    • #50862

      @media (min-width:768px) and (max-width: 1024px)
      This one is saying for a window with a min-width of 768px & max-width of 1024px that you want to apply these styles. At that size, you would be talking about anything larger than 768px & smaller than 1024px desktop screen in most cases.

      @media only screen and (min-width: 768px) and (max-width: 1024px)
      This one is saying for a device with a screen and a window with min-width: 768px and max-width: 1024px applying the style.

Viewing 1 reply thread

You must be to reply to this thread.Please or . Registration is 100% free.


Call Us Now For Free Consultation97370 05566

Our experts listen to you patiently and suggest you the right course after conducting a personality profile test. Register your interest below to schedule personality profile test for you.


Contact Us

Working Hours

  • Monday9:00 AM – 9:00 PM
  • Tuesday9:00 AM – 9:00 PM
  • Wednesday9:00 AM – 9:00 PM
  • Thursday9:00 AM – 9:00 PM
  • Friday9:00 AM – 9:00 PM
  • Saturday9:00 AM – 9:00 PM
  • SundayClosed
Copyright 2016-2020 Smart Mentors. All Rights Reserved.



Sign up now to Become An Instructor

    Register your Interest