適用於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">