Comment régler la fenêtre d'affichage pour des périphériques spécifiques uniquement?

Question

J'ai besoin de régler <meta name="viewport" content="width=650" /> pour tous les périphériques de moins de 480px (iPhones etc.). La solution la plus simple qui m'est venue à l'esprit serait <meta name="viewport" content="width=650" media="only screen and (max-device-width: 480px)" /> mais malheureusement, l'attribut media n'est pas autorisé dans les méta-tags. Le problème est que je ne veux pas de viewport-déclaration sur iPads ou au moins avec une autre "largeur".

Existe-t-il des solutions simples avant d'implémenter WURFL et d'exclure la viewport-déclaration avec PHP?

Answer 1

Voici une belle solution native solution.

(je suppose qu'il sera facile au port de ces données à votre webView)

if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) 
{ 
    // The device is an iPad running iPhone 3.2 or later. 
    float viewportWidth = 768.0; 

} 
else 
{ 
    // The device is an iPhone or iPod touch. 
    float viewportWidth = 320.0; 
} 

Answer 2

Alors je suis venu avec cette solution (avec l'aide de Modernizr):

<meta name="viewport" id="viewport" /> 
<script src="modernizr.js"></script> 
<script> 
if(Modernizr.mq("only screen and (max-device-width: 480px)")) 
    document.getElementById("viewport").setAttribute("content","width=650"); 
</script>