¿Cómo hago para que mi página web ancha 1024 se muestre en mi Nexus 7 en Chrome?

Tengo una página web de 1024 x 768 que funciona bien en todas partes excepto en Nexus 7 Chrome (más reciente desde el 5 de marzo de 2013)

He probado muchas metaetiquetas de ventana gráfica y otras técnicas, pero mi página siempre está recortada y no cabe en los 1280 píxeles de este dispositivo. Funciona bien en iPads y iPhones.

preguntado el 08 de marzo de 13 a las 21:03

1 Respuestas

Probablemente no haya configurado su ventana gráfica correctamente. lo he probado aqui http://jsbin.com/ubumef/latest con el siguiente código y la ventana gráfica se escaló al ancho correcto.

<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>Viewport Width: 1024px</title>
    <meta name="viewport" content="width=1024px" />
  </head>
  <body style="margin:0px;">
    <div style="width: 1024px; background-color:red;">This is 1024px</div>
    <div style="width: 512px; margin-top: 5px; background-color:blue;">This is 512px</div>
  </body>
</html>

respondido 11 mar '13, 13:03

No. Nexus 7 Chrome lo estropea mucho. Cambiar la orientación de la tableta y/o tocar la pantalla proporciona varios anchos diferentes, algunos de los cuales pueden estar recortados; no se puede saber si el extremo derecho está recortado en alguno de ellos. - Donelson

¿Puedes enviarme una captura de pantalla de paulkinlan a google dot com? Probé esto en nexus 7. Tocar la pantalla es el modo de zoom, también puedes deshabilitarlo. - Kinlan

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.