Responsive WD font size not resizing

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
someguyhere
Forum Contributor
Posts: 181
Joined: Sun Jul 27, 2008 3:24 pm

Responsive WD font size not resizing

Post by someguyhere »

I can't get the @media query to work when it comes to fonts. If I crank the font size way up on the first query, it does change the font size on my iPhone, but none of the others seem to do anything. I've set the one for 1600px to 1300% (testing on my laptop) but the size remains the same. Any idea what I'm doing wrong? FWIW—all the other RWB features (div size, image size, etc.) are working fine.

Code: Select all

@media screen and (max-device-width: 320px) {
body { font-size: 100%; }
}

@media screen and (max-width: 640px) {
body { font-size: 80%; }
}

@media screen and (max-width: 800px) {
body { font-size: 90%; }
}

@media screen and (max-width: 1024px) {
body { font-size: 100%; }
}

@media screen and (max-width: 1280px) {
body { font-size: 110%; }
}

@media screen and (max-width: 1400px) {
body { font-size: 120%; }
}

@media screen and (max-width: 1600px) {
body { font-size: 1300%; }
}

@media screen and (max-width: 2048px) {
body { font-size: 140%; }
}

@media screen and (max-width: 3200px) {
body { font-size: 150%; }
}
}
User avatar
Jade
Forum Regular
Posts: 908
Joined: Sun Dec 29, 2002 5:40 pm
Location: VA

Re: Responsive WD font size not resizing

Post by Jade »

Try adding only screen too:
[text]
@media only screen and (max-width : 1400px),
only screen and (max-device-width : 1400px)
[/text]
Post Reply