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 */
}
سؤال
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.
المحلول
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 */
}
نصائح أخرى
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