meta “fenêtre” device-width: Mauvais largeur petits sur Opera Mobile 9.7 (10 œuvres)
Pour mon mobile actuel projet web j'utilise le méta "viewport" balise de charger le navigateur mobile d'utiliser une échelle de 1:1 avec les appareils d'une largeur de:
<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Cela fonctionne sur IE mobile, iPhone, Safari et même sur Opera 10 bêta, mais il n'est pas sur Opera 9.7, qui est installé par défaut sur le HTC HD2. Le HTC HD2 a obtenu les dimensions de l'appareil de 480x800, de sorte que la fenêtre d'affichage doit obtenir une largeur de 480 en mode portrait. Mais appearently Opera mobile 9.7 (et peut-être de 9,5 trop) définit un mauvais largeur, de sorte que, après ça, tout est zoomé un peu. J'ai utilisé un court extrait de code javascript pour inspecter le réel la taille de la fenêtre:
$(window).width() -> retourne 274
de la fenêtre.innerWidth -> retourne 480
Quand j'ai coder en dur 480 au lieu de "device-width" tout fonctionne correct. Même ici pour le paysage-mode:
$(window).width() -> retourne 457
de la fenêtre.innerWidth -> renvoie 800
Est-il une solution pour cela?
Salutations
aujourd'hui j'ai essayé: document.corps.offsetWidth tandis que réglage de la fenêtre d'affichage de la balise meta à 240, j'ai eu 236! yepeee, mais je continue de ne pas connaître la valeur de la hauteur, sauf si la page est vide
quelque chose de nouveau, j'ai essayé aujourd'hui, en C# Demande.Le navigateur.ScreenPixelsWidth.ToString() renvoie 640! et j'ai pensé que je pourrais utiliser pour distinguer certains écrans, mais naaah!
Avez-vous d'ajouter le mobile.navigateur de fichiers à votre projet? Aussi, Il y a un nouveau Mobile .NET MVC alternative sorcière remplace le vieux initiatives mobiles de Microsoft...
Jan, pourriez-vous me donner un lien pour que .NET MVC alternative, comme je suis en utilisant MVC fortement dès maintenant de toute façon.
OriginalL'auteur Markus Wolters | 2009-12-29
Vous devez vous connecter pour publier un commentaire.
je suis un peu en retard sur ce sujet, mais :
la fenêtre d'affichage de la balise meta doit être considéré comme CSS pixels, pas de physique de pixels de votre écran.
et le ratio entre eux peuvent être très différents sur le plan physique densité de pixels de l'appareil :
iPhone3 : physique 320 x 480 pixels /CSS 320 x 480 pixels => ratio = 1, facile.
iPhone4 : physique 640x960px /CSS 320 x 480 pixels => ratio = 2, c'est ce qu'Apple a pensé à faire quand ils ont fait de pixels deux fois plus faible dans l'iPhone4 afin de garder les sites optimisés pour 3 exactement la même chose sur les 4.
HTC Desire HD : physique 480x800px /CSS 320x533px => ratio = 1.5, ce qui est probablement quelque chose de proche de ce que vous êtes en train de vivre avec le HTC HD2.
si vous utilisez l'width=device-width valeur de la fenêtre d'affichage, ma conjecture est que vous ne devriez pas avoir une largeur fixe dans votre conception, mais de mieux utiliser les largeurs en %, en ayant à l'esprit que dans la plupart des (récente) des appareils mobiles de votre CSS largeur totale sera quelque part autour de 320px (portrait) ou 500px (paysage) à l'échelle de 1.0.
OriginalL'auteur darma
Je sais que c'est une vieille question, mais il pourrait aider quelqu'un.
Dans cet article il y a une section sur la prise en charge de la fenêtre d'affichage de la balise meta dans Opera Mobile 9.7:
http://dev.opera.com/articles/view/opera-mobile-9-7-features-standards/
Les attributs de l'utilisateur évolutive, minimum-scale et le maximum de l'échelle ne sont pas pris en charge, mais la largeur, la hauteur et l'initiale de l'échelle devrait être. Si cela ne fonctionne pas bien, vous pouvez toujours essayer d'utiliser les CSS media queries. Il y a une description et un exemple dans le même article.
OriginalL'auteur tagawa
prendre un coup d'oeil à: http://www.quirksmode.org/mobile/viewports2.html
entrer dans un monde de douleur 🙂
OriginalL'auteur ghandi
Avez-vous essayé le HandleFriendly tag?
Fonctionne sur BB et vous indique que vous avez conçu de code pour le petit écran
OriginalL'auteur Ian
Ont un coup d'oeil à PPK est Quirksmode.org site mobile. Des tas d'infos, plus de compatibilité des tables!
OriginalL'auteur cofiem