Question

我有一个移动设备的HTML5应用程序。现在，如果需要的话，我已经用简单的滚动处理了所有宽度问题。现在我有一个页面，其中包含大量具有绝对位置的内容。我希望所有这些都被视为一个屏幕而不滚动它。在Samsung Galaxy它看起来很好，但在iPhone并非所有内容都进入页面而且没有被看到。

我尝试使用视口更改它：

<meta name="viewport" id="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=no,minimum-scale=1.0, maximum-scale=1.0" />

但它没有解决问题。

如何将一个大内容与内容放在一个盒子中，所以它肯定会以不同的分辨率发送？

Answer 1

您可以在div中创建一个body并将width和height设置为100%所有其他内容都可以在其中...这是这样做的一种方式。

这就是你问过的吗？

小例子：

<body>
  <div id="content" style="width:100%;height:100%">
      //play with the content
  </div>
</body>

设置HTML5页面使其适合所有设备而无需滚动

1 个答案: