<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:
<link
rel="stylesheet"
type="text/css"
href="/css/retina.css"
media="only screen and (-webkit-min-device-pixel-ratio: 2)" />
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.
]]>