Per [Apple's developer instructions](http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html#//apple_ref/doc/uid/TP40006517-SW1), I am using the following CSS to affect only iPads and iPhones. However, the CSS seems to be affecting older browsers as well (e.g., Firefox 3.5). Any suggestions on how to target only the iPad/iPhone or only target Firefox 3.5, but not both? @media screen and (max-device-width: 1024px) { {...} }
You can try printing that style info using javascript, and detect the device for conditioning using this script: quirksmode.org/js/detect.html