Question

我有一个1024 x 768的网页，除了Nexus 7 Chrome（截至2013年3月5日最新）之外，无处不在。

我尝试了很多视口元标记和其他技术，但我的页面总是被裁剪掉，不能适应这个设备的1280像素。适用于iPad和iPhone。

Answer 1

您可能没有正确设置视口。我在这里使用以下代码在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>

如何在浏览器中的Nexus 7上显示1024宽的网页？

1 个答案: