我有一个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>