Page 1 of 1

Responsive WD font size not resizing

Posted: Wed Mar 06, 2013 3:26 pm
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%; }
}
}

Re: Responsive WD font size not resizing

Posted: Wed Apr 10, 2013 4:22 pm
by Jade
Try adding only screen too:
[text]
@media only screen and (max-width : 1400px),
only screen and (max-device-width : 1400px)
[/text]