适用于 iPhone Safari 的 Android WebApp 定制



我创建了一个 andoird 应用程序,该应用程序具有指向我的网站的 Web 视图,以便我有一个 Web 应用程序。我想允许iPhone用户通过给他们一个链接(QR)来使用他们的野生动物园访问该应用程序。

我的

问题是我的网站在其 CSS 中具有特定宽度和高度(以像素为单位)的按钮和 DIV,并且页面在 iPhone 野生动物园屏幕上看起来非常小(需要缩放)。

什么是 定制苹果手机的最佳方法 ?

我想到的可能性:

a) 检测 iPhone 并运行 DIV 并调整其大小的 JS 代码b)寻找在JS中"放大"到某个因素的可能性,这将在整个屏幕上很好地显示页面(这可能吗?

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

谢谢

您应该查看视口元标记。

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

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

或一定宽度:

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

或设备的宽度:

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

最新更新