适用于iPhone Safari的android webapp定制

Question

我创建了一个对我的网站具有webview的andoird应用程序，因此我具有一个web应用程序。 我想允许iphone用户通过给他们一个链接（QR）使用他们的野生动物园访问应用程序。

我的问题是我的网站的CSS中有按钮和DIV，具有特定的宽度和高度（以像素为单位），并且在iphone Safari屏幕上页面看起来很小（需要缩放）。

为iPhone定制的最佳方法是什么？

我想到的可能性：

a）检测iphone并运行DIV并调整其大小的JS代码b）寻找在JS中执行“放大”到特定因素的可能性，该因素将在整个屏幕上很好地显示页面（是否可以？）

任何其他选择也将受到欢迎...

谢谢，

Answer 1

您应该检出视口meta标签 。

您可以使用比例因子进行设置：

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

或一定宽度：

<meta name = "viewport" content = "width = 590">

或设备的宽度：

<meta name = "viewport" content = "width = device-width">