Best Recipes Ever Just another WordPress site

agosto 4, 2010

Como usar CSS3 para cambiar dinámicamente tus diseños web

<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. ]]>

Powered by WordPress