Classe III D e III E SIA: Codice html da inserire per ridimensionare la pagina con il meta tag "viewport"
Codice html da inserire per ridimensionare la pagina I siti Web sono realizzati con il linguaggio Html, Php, Aspx. Di solito la pagina viene visualizzata in modo corretto su un pc o su un portatile. Le cose cambiano se la pagina viene visualizzata su un tablet, un smartphone, un Iphone. Se vogliamo adattare la pagina ai browser dei dispositivi mobili, dobbiamo sempre inserire nella head della nostra pagina il meta tag viewport. In questo caso, comunichiamo al browser il modo in cui dovrà gestire la viewport. Il controllo viene fatto in modo forzato dal creatore delle pagine Web. L’istruzione minima da inserire è questa: <meta name="viewport" content="width=device-width"> Con questo MetaTag obblighiamo il browser ad impostare la larghezza (width) della viewport in base alla larghezza dello schermo del dispositivo (device-width). Con questa istruzione, su un iPhone con orientamento portrait la larghezza della viewport sarà pari a 320px; 480px s