Tworzenie strony mobilnej z innym stylem css
Chciałbym wiedzieć, czy używam 3 różnych plików css, czy mobilna przeglądarka iPhone'a / iPada pobierze wszystkie 3 zestawy plików css, czy tylko ten, który jest odpowiedni dla rozmiaru ekranu? używając tego.
<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">
Znalazłem odpowiedź do wykorzystaniahttp://www.w3schools.com/html5/html5_app_cache.asp
nawet jeśli masz 3 różne pliki css dla telefonu komórkowego, posiadające css zapisane na iPhone'ie, zminimalizuje przepustowość do tylko 1 pobrania każdego css, a to przyspieszy działanie strony przy mniejszym wykorzystaniu przepustowości.
utwórz plik .htaccess i umieść go w.
AddType text/cache-manifest manifest
następnie utwórz kolejny plik o nazwie co kiedykolwiek lubisz demo.manifest i umieść w nim
CACHE MANIFEST
# v0.0.1
icon.png
desktop.css
iphone-landscape.css
iphone-portrait.css
następnie na stronie html musisz to zadeklarować.
<html manifest="demo.manifest">
po zaktualizowaniu css i plików wystarczy zaktualizować demo.manifest i przeglądarkę, pobierając nową wersję demo.manifest i całą jej zawartość jeszcze raz.