iphone safari 的 android webapp 自定义

标签 android iphone web-applications

我创建了一个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/

相关文章:

android - 如何从 Fragment BackTrace 中清除 FragmentBreadCrumbs?

iphone - 以编程方式打开iPhone的邮件客户端

iphone - 使 UITextView 对点击事件使用react。 (苹果手机)

ios - 在iOS中查看Custom Directory的内容

javascript - 我应该使用 `delete array[x]; array.length-=1` 而不是 `array.splice(x,1)` 吗?

macos - 如何创建网络链接以打开 osx 桌面应用程序?

javascript - 如何在我的网页上模拟 10 次或 100 次点击

android - Firebase 分析人口统计

java - 为什么我的应用程序无法从 Firebase 捕获任何数据?

android - 运行硬件密集型算法时,我的应用程序卡住或变黑