How to get screen size on css3?

Question

I'm trying to see if your screen is a specific amount of pixels so if it's smaller that for example 1000px this will happen:

max-width:750;

This is the pixels on the web browser like google chrome and also will get bigger when you zoom out on google chrome if possible. Thank you.

Answer 1

What you're looking for can be done with CSS3 media queries. They're a way to execute CSS only under certain conditions. Here's the MDN article, too.

Your media query might look like this:

@media (max-device-width : 1000px) {
    /* CSS */
}

Answer 2

max-width is the width of the target display area, ex:Google Chrome

max-device-width is the width of the device's entire rendering area, ex:the mobile device screen