Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
John Ireland
6,585 PointsMedia Query font scaling
I'm a little curious, when I go through a lesson on media queries, I'm not seeing how they get their fonts to appear the right size on a mobile device. When I look at it on a computer the font is the correct size, but when I make my site live, the fonts look incredibly small on my phone. I see something about a webkit, would that have anything to do with it?
John Ireland
6,585 PointsI actually don't have anything current up, I guess I was sort of asking what the method is to get your fonts to scale between devices. I can make a page that looks good on a laptop, but can't get it to look right for mobile size-wise.
Matt Brock
28,330 PointsGotcha. Here's a quick demo I made on Codepen. Is that helpful?
John Ireland
6,585 PointsHey Matt, I'm trying to vote you the best answer, but since you put it as a comment instead of an answer, it won't let me. Mind reposting in "add an answer" instead of a comment? I appreciate the help!
1 Answer
John Ireland
6,585 PointsThat's about how I figured it worked! I had been using percents though, perhaps a fixed amount may be best.
Matt Brock
28,330 PointsMatt Brock
28,330 PointsDoes the whole site appear tiny or just the font? Could you throw a link up here?