我有一个1024 x 768的网页,但除Nexus 7 Chrome(在2013年3月5日最新)外,其他任何地方都可以正常运行

我已经尝试了很多视口元标记和其他技术,但我的页面始终被裁剪,无法容纳此设备的1280像素。在iPad和iPhone上正常工作。

最佳答案

您可能没有正确设置视口。我在这里http://jsbin.com/ubumef/latest使用以下代码对其进行了测试,并将其视口缩放为正确的宽度。

<!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>

10-08 06:37