視口被通過iPhone模擬器

Question

有後搜查了整個下午的解決方案在線我問你在這裏忽略不計。我的視口問題與StackOverflow中提到的其他問題的主要區別在於，我只能在肖像模式下訪問它（因此不能旋轉或使用橫向模式）。這是我的問題：

我創建了一個網站，其中包含三個欄目分別爲44pt-（div-element），232pt-（input-element）和44pt-width（div-element）。所以我的最大頁面寬度等於320pt，所有元素的高度是直到現在爲< 250pt。

如果我現在呈現在iOS模擬器的頁面（通過的XCode在Mac），這應該是相同的到iPhone的行爲，它不正確縮放頁面。我已經嘗試以下選項：

[no meta-tag] 

示出的寬度

<meta name="viewport" content="width=device-width; initial-scale=1.0;" /> 

約240％示出的寬度

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

焦點大約70％在其上具有第一格「寬度= 44pt「

<meta name="viewport" content="width=320; initial-scale=1.0;" /> 

示出了在其上具有 「寬度= 44pt」 的第一個div的寬度

<meta name="viewport" content="width=320;" /> 

聚焦約70％

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

示出的寬度

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

約70％大致示出了70％的的寬度

結果保持不變：本網頁是一次過小（太多縮小），一旦太大（太大放大）。只有將「初始規模」調整到0.75左右，我才能獲得所需的結果。

什麼是我的iPhone，Safari瀏覽器的錯誤？我應該爲元視口標籤使用哪些參數？

Answer 1

我終於找到了一個解決方案前一段時間，並想也許別人有興趣第一天：而不是定義在我的CSS文件大小的點（「PT」）我現在用的像素（「PX」）的。現在根據需要進行渲染。