Creando una página web móvil con diferentes estilos css.
Me gustaría saber si utilizo 3 archivos css diferentes. ¿El navegador móvil del iPhone / iPad descargará los 3 conjuntos de archivos css o solo el que sea relevante por tamaño de pantalla? utilizando esto.
<link media="only screen and (max-width: 320px)" href="iphone-portrait.css" type= "text/css" rel="stylesheet">
<link media="only screen and (min-width: 321px) and (max-width: 480px)" href="iphone-landscape.css" type= "text/css" rel="stylesheet">
<link media="only screen and (min-device-width: 481px)" href="desktop.css" type="text/css" rel="stylesheet">
He encontrado la respuesta para usar dehttp://www.w3schools.com/html5/html5_app_cache.asp
incluso si tiene 3 archivos css diferentes para el móvil, tener css almacenado en el iPhone, minimizará el ancho de banda a solo 1 descarga de cada css y esto acelerará el sitio web al usar menos ancho de banda.
crear un archivo .htaccess y colocarlo en.
AddType text/cache-manifest manifest
a continuación, cree otro archivo llamado alguna vez que le guste demo.manifest y colóquelo en
CACHE MANIFEST
# v0.0.1
icon.png
desktop.css
iphone-landscape.css
iphone-portrait.css
entonces en la página html tienes que declararlo haciendo esto.
<html manifest="demo.manifest">
Una vez que actualice el css y los archivos, solo tendrá que actualizar demo.manifest y el navegador para descargar la nueva versión de demo.manifest y todo su contenido una vez más.