Notes

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.

====== Viewport ======
<WRAP center round important 60%>
Vérifier la compatibilité et l'efficacité de cette technique
</WRAP>


Article de tests intéressants : [[http://tripleodeon.com/2011/12/first-understand-your-screen/]]

Tables de compatibilité : [[http://www.quirksmode.org/mobile/tableViewport.html]]

Fonction de changement de Viewport :

<Code:js>
        new_viewport = jQuery('meta[name="viewport"]').attr('content');
        new_viewport = new_viewport.split(",");
        for(var y = 0, max = new_viewport.length ; y < max ; y++)
        {
            if( new_viewport[y].split("=")[0] == "height" || new_viewport[y].split("=")[0] == " height" )
            {
               // On remplace celui-ci et on arrête la boucle
               new_viewport[y] = " height="+screen.height;
               break;
            }
            else if (y == max-1)
            {
               // Si c'est la dernière itération et que le test est faux, on l'ajoute en dernier
               new_viewport.push(" height="+screen.height);
               break;
            }
        }
        jQuery('meta[name="viewport"]').attr('content', new_viewport)
        console.log('Result : '+new_viewport);
</Code>

Notes

Outils pour utilisateurs

Outils du site

Outils de la page