Media Query
Thread Tags
Adobe Illustrator Adobe InDesign Adobe Photoshop Android Development Android Programming Android Studio Automation Testing C / C++ Programming Career Options College Lounge css designed Design layout digital marketing Digital Marketing / SEO Fireworks Graphic Design Graphic designing Graphics Design Graphics Designing HTML? Illustrator Internship Training logo Design logo designing mobile phones Photoshop QA react-native Scroll Website SEO Single Page Website Testing Typography UI UI/UX Development UI Design UI Designing UI development User Interface UX Design Viewport Web Designing web pages Website DesignLogin
Log in with your username and password
Register for free!
Registration at Smart Mentors is completely free and takes only a few seconds. By registering you’ll gain:
- Full Posting Privileges.
- Access to Private Messaging.
- Optional Email Notification.
- Ability to Fully Participate.
Register Now, or check out the Site Tour and find out everything Smart Mentors has to offer.
This thread contains 1 reply, has 2 voices, and was last updated by 
Darshan Rathod 2 years, 7 months ago.
- Author Replies
- August 12, 2017 at 11:28 am #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) “.
- December 26, 2018 at 1:27 pm #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. - AuthorPosts
You must be logged in to reply to this thread.Please login or register. Registration is 100% free.
