How to use media queries correctly to reduce font size?
问题 I'm trying to set my CSS so that font sizes decease when viewed on mobile devices. I've spent all day trying to figure this out, but am now stumped. I found media query code that I think should solve the issue, however it's not happening for me, font size remains standard size when viewing on mobile (Galaxy Nexus). html { font-size: 62.5%; } body { font-family:Arial,Helvetica,sans-serif; font-size: 1em; } @media (max-width: 300px) { html { font-size: 70%; } } @media (min-width: 500px) { html