<link rel=»stylesheet» media=»all and (max-device-width: 480px)» href=»iphone.css»>
<link rel=»stylesheet» media=»all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)» href=»ipad-portrait.css»>
<link rel=»stylesheet» media=»all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)» href=»ipad-landscape.css»>
<link rel=»stylesheet» media=»all and (min-device-width: 1025px)» href=»ipad-landscape.css»>
para aplicar hojas distintas dependiendo de la anchura.
O este que es unos de mis favoritos para el iPhone4 y en general para cualquier dispositivo que tiene mucha resolución:
Los artículos que me han inspirado y que realmente merecen la pena verlos y revisar el sitio son:
Retina Display en el iPhone4.
Using CSS Media Queries to Style Your iPhone and iPad HTML By Elisabeth Robson
Actualización: Acabo de encontrar este artículo del maestro Icaza también sobre los displays de alta densidad y las aplicaciones.
]]> <link
rel="stylesheet"
type="text/css"
href="/css/retina.css"
media="only screen and (-webkit-min-device-pixel-ratio: 2)" />