Good article Sarah, as Drew mentioned it’s great to have all these techniques in one place for easy reference.
One thing I would add, which is specific for the iDevices would be text size adjusting. I had a problem with my tumblog a while back where Mobile Safari would increase the text size of the content area, so much so that it would make the text larger than the H1’s and H2’s. This can be easily remedied by adding this to the CSS to stop Safari from automatically adjusting any text:
@media screen and (max-device-width:480px) {
body{
-webkit-text-size-adjust:none;
}
}
Jamie Bicknell
Good article Sarah, as Drew mentioned it’s great to have all these techniques in one place for easy reference.
One thing I would add, which is specific for the iDevices would be text size adjusting. I had a problem with my tumblog a while back where Mobile Safari would increase the text size of the content area, so much so that it would make the text larger than the H1’s and H2’s. This can be easily remedied by adding this to the CSS to stop Safari from automatically adjusting any text:
@media screen and (max-device-width:480px) { body{ -webkit-text-size-adjust:none; }
}