On 2/18/2013 7:17 PM, Philippe Wittenbergh wrote:
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)/* ipad 3 and 4 */ @media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2)It is not surprising this is not working… the device-width media-query works in CSS pixels, not physical pixels. What is the source of your above MQ's? http://www.w3.org/TR/css3-mediaqueries/#units Try this: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* iPad 1, 2, iPadMini */ } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* iPad 3, 4 */ } When in doubt, always check the specs…
I didn't track the sources although I could find them again. At this point the only reason would be to identify who not to trust, eh?
I'll try your suggestion when I'm back at the office. Many thanks. - Keith ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
