CODEWITHSUNDEEP
cssmedia-queriesfont-size
panthro
panthro

Reputation: 24069

Media Queries and Animating Text Size

I'm using media queries to change the font size of my nav:

/* Large desktop */
@media (min-width: 1200px)
{  

#nav-options{
    margin: 45px 0 0 20px;
    li{
        margin: 0 15px 0 15px;
        font-size: 20px;
    }
}
}

/* Desktop */
@media (min-width: 980px) and (max-width: 1199px)
{  
#nav-options{
    margin: 45px 0 0 0px;
    li{
        margin: 0 0px 0 0px;
            font-size: 10px;
    }
}
}

The problem is, when I change the size of my window, the text animates to the different size. Is there a way to turn it off?

Upvotes: 0

Views: 748

Answers (2)

j_freyre
j_freyre

Reputation: 4738

You have to try to use max-device-width and min-device-width. It will works only with the screen resolution and not on the window size

Upvotes: 1

RokasKs
RokasKs

Reputation: 1

Don't change font size. Now you use different size for different resolutions.

Upvotes: 0

Related Questions