如何使页面成为iOS屏幕的宽度？

时间：2015-04-26 19:59:16

标签： html ios css html5

你好，我遇到了问题，而每个元素宽度为100％的页面在IOS / iPhone中都是这样的：

enter image description here

但它看起来像这样，就像在计算机上一样，所有元素的宽度都调整为窗口的宽度：

enter image description here

你知道我怎么解决这个问题吗？

谢谢！

2 个答案:

答案 0 :(得分：1)

在<head></head>代码

中添加此内容 
<meta name="viewport" content="width=device-width, initial-scale=1">

这将告诉浏览器使用全屏。

您还可以设置宽度和其他元素，例如停止缩放。

Documentation

答案 1 :(得分：0)

对于移动设备，您可以使用视口元标记来调整界面。在您的情况下，您可以使用width和initial-scale来适应iPhone屏幕。

视口宽度：

特定宽度：<meta name="viewport" content="width=640">

设备宽度：<meta name="viewport" content="width=device-width">

缩放：

<meta name="viewport" content="initial-scale=1.0">

其他人重视：

  • 宽度：窗口宽度（width="device-width"）
  • 高度：窗口高度（height="device-height"）
  • 初始比例：初始缩放（initial-scale="1.0"）
  • 最小比例：最小比例（minimum-scale="0.5"）
  • 最大比例：最大比例（maximum-scale="3.0"）
  • 用户可扩展：如果用户可以放大页面（user-scalable="yes"）
相关问题
最新问题