如何让我的1024宽的网页上显示我在Chrome的Nexus 7？

我有一个1024×768的网页，其作品无处不精细，但的Nexus 7的Chrome（2013最新截至3月5日）如何让我的1024宽的网页上显示我在Chrome的Nexus 7？

我已经试过很多视meta标签及其他技术的，但我的页面总是被裁剪，不能适合此设备的1280像素。在iPad和iPhone上运行良好。

2013-03-08 Donelson

您可能还没有正确设置你的视口。我已经用下面的代码，并将其扩展到正确的宽度视这里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-11 13:14:59 Kinlan

都能跟得上。 Nexus 7 Chrome混乱不堪。改变数位板的方向和/或点击屏幕上给出了几种不同的宽度，其中一些可能会被裁剪 - 如果右端在任何这些裁剪你不能告诉。 – Donelson 2013-03-12 03:21:43

你能送我在谷歌科网截图paulkinlan - 我测试了在Nexus 7 - 点击屏幕上的缩放模式，你可以这个也禁止。 – Kinlan 2013-03-12 10:54:33

如何让我的1024宽的网页上显示我在Chrome的Nexus 7？

回答

相关问题