1

我有一个 1024 x 768 的网页，除了 Nexus 7 Chrome（截至 2013 年 3 月 5 日的最新版本），它在任何地方都可以正常工作

我尝试了很多视口元标记和其他技术，但我的页面总是被裁剪，无法适应该设备的 1280 像素。在 iPad 和 iPhone 上运行良好。

4

1 回答 1

2

您可能没有正确设置视口。我在这里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>
于 2013-03-11T13:14:59.993 回答