si clause en html avec balise CSS max-device-width, est-ce possible?

Question

J'ai un Universal iOS Project et dans ce projet je dois afficher dans un UIWebView certaines pages html stockées localement.

Pour redimensionner le contenu HTML que je dois utiliser dans le code HTML du tag:

<meta name ="viewport" content = "width = 703, user-scalable=no "> \\for the iPad 

et

<meta name ="viewport" content = "width = device-width, user-scalable=no "> \\for the iPhone 

Est-il possible d'ajouter dans quelque chose comme en-tête du html:

if(max-device-width == 480) { 
    <meta name ="viewport" content = "width = device-width, user-scalable=no "> 
} 
else { 
    <meta name ="viewport" content = "width = 703, user-scalable=no "> 
} 

Existe-t-il un moyen de le faire en HTML ou JS? Je n'ai que des notions élémentaires sur html et js donc toute aide pour y parvenir serait très appréciée.

Merci!

Answer 1

Vous devriez pouvoir interroger la taille de la fenêtre (bien que vous deviez faire attention, see this) et remplacer la valeur de largeur par la valeur que vous obtenez du résultat JavaScript. Lisez le message quirksmode mentionné ci-dessus. [Si le résultat vous inquiète vraiment, vous pouvez envisager d'utiliser une bibliothèque javascript comme jQuery, qui devrait gérer tous les cas de navigateur pour vous.] Le paramètre "user-scalable = no" peut simplement être ajouté à la valeur que vous avez définie contenu.