我创建了一个andoird 应用程序,它具有我网站的 WebView ,这样我就有了一个网络应用程序。 我想允许 iphone 用户通过给他们一个链接 (QR) 使用他们的 safari 访问应用程序。
我的问题是我的网站有按钮和 DIV,它们的 CSS 中有特定的宽度和高度(以像素为单位),并且该页面在 iphone safari 屏幕上看起来非常小(需要缩放)。
为 iphone 定制的最佳方法是什么?
我想到的可能性:
a) 检测 iphone 并运行 DIV 并调整它们大小的 JS 代码 b) 寻找在 JS 中“放大”某个因素的可能性,这将在整个屏幕上很好地显示页面(这可能吗?)
任何其他选项也将受到欢迎......
谢谢,
最佳答案
您应该查看 viewport meta tag .
您可以使用比例因子设置它:
<meta name = "viewport" content = "initial-scale = 1.0">
或者一定的宽度:
<meta name = "viewport" content = "width = 590">
或者设备的宽度:
<meta name = "viewport" content = "width = device-width">
关于iphone safari 的 android webapp 自定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10848764/