2012-02-10 16 views
5

Actualmente estoy trabajando en un sitio web para móviles. Todo funciona bien en iOS y Android, sin embargo, tengo problemas con la metaetiqueta de la ventana gráfica en Windows Phone cuando intento establecer el ancho de la ventana gráfica en 640px. Estoy usando:Metaetiqueta de Windows Phone

<meta name="viewport" content="width=640,user-scalable=no"/> 

Sin embargo, parece que cada vez que usted está tratando de establecer una ventana mayor que 480px teléfono Windows aplica automáticamente a los valores de la ventana gráfica (de 1024px).

¿Alguna solución?

Respuesta

4

No he tenido mucho éxito con <meta name="viewport"> y Windows Phone 7.5 a menos que establezca width entre 320 a 480 (inclusive). Si quiero ponerlo fuera de ese rango parece simplemente por defecto a 320.

He intentado usar sólo <meta name="MobileOptimized" content="640"> y que funcionó a la perfección. Se comporta como <meta name="viewport" content="width=640,user-scalable=no">.

Según this article y the article vinculado a por en Mikael Koskinen's Answer el rango debe ser de 320 a 10.000, pero no he podido reproducir eso.

+0

Mi experiencia en Windows Phone 7.5 ha sido similar. Quiero un ancho de ventana de 600, en una página donde el div principal está fijo en 600px de ancho, pero usando '' donde x> 480 resulta en el IE móvil usando su ancho predeterminado de ventana gráfica de 1024 píxeles, al igual que si no usara la metaetiqueta de la ventana gráfica. No probé la solución 'MobileOptimized' porque quiero que el usuario conserve el control del nivel de zoom, pero parece ser una buena opción para algunos. – Dogmang

1

The Windows Phone team blogged about Windows Phone browser viewport hace algún tiempo. No tienen ejemplos para anchuras superiores a 480, pero tal vez pueda encontrar algunos consejos a partir de allí, como utilizar el tamaño de la vista dinámica.

Tenga en cuenta que la publicación de blog solo se aplica a Windows Phone 7.5 (Mango).