Responsive Web Design and high resolution displays (iPhone 4/5)

Question

I have recently started toying around with responsive web design and have done a basic test here:

http://test.studev.net/

It works fine in a desktop browser

Answer 1

Well either if you want to make the text smaller on mobile or bigger you would do

@media screen and (max-width: 480px) {
    font-size: 10px; /* Smaller */
}

or

@media screen and (max-width: 480px) {
    font-size: 20px; /*Larger*/
}

And make sure you have this in your tag:

Or you can also disable zooming like so:

And for IE10 support, try:

@-ms-viewport{
    width:device-width
}