Phonegap縮放混亂和字體大小縮放

如果我作爲一個業餘愛好者離開，但我確實是一個。當使用視口縮放phonegap時，我有點困惑。我有點困惑如何縮放使用視口的作品，也許我只是過度想象它。這裏是我的代碼：Phonegap縮放混亂和字體大小縮放

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

我試圖使應用程序縮放等跨平臺的，我不知道我是否應該使用像素或百分比，以及文本如何正確縮放。我希望一切都以百分比完成，但我覺得利潤率，填充和文本百分比不能正確擴展。所以我想了解如何使用像素創建應用程序，只是使用數學來計算出我需要的像素比例。

對不起，我是新來的，我一遍又一遍地搜索，只是不明白如何正確調整它，而不會遇到像文本太大，或邊緣被關閉的問題。

來源

2013-10-16 Attict

我想我的問題的一部分，與視口標籤，我可以創建像1920×1080尺寸的頁面，並且將其擴展到適合屏幕的所有畫面？或者是否有設置像素高度和寬度以適應所有屏幕？ – Attict

將initial-scale和maximum-scale設置爲縮放級別。您希望initial-scale爲1，然後maximum-scale爲您希望用戶能夠放大（即捏縮放）。 user-scalable設置只是說如果您希望用戶能夠通過使用捏縮放來縮放應用程序。

我的典型的設置是這樣的：

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

這表示起始比例爲1.0（正常），並且用戶不能規模（默認或沒有值= FALSE）。由於我不允許縮放，因此我不需要輸入maximum-scale參數。

希望幫助

來源

2013-10-16 21:41:44 Dom

這確實有幫助。但是我仍然困惑於擴展所有設備的最佳方式。百分比似乎運作良好，但文字和利潤率是我的問題。即使字體大小的百分比似乎也只是將大小設置爲基本大小。 – Attict

另外我有點困惑最大寬度如何影響一切。如果將其更改爲320px，它是否會相應地縮放到寬度？對不起，如果我聽起來啞巴。 – Attict

縮放所有設備尺寸的所有內容都是一項挑戰。如果您正在查看手機，平板電腦和桌面，則最好使用框架。我總是推薦使用Bootstrap來擴展它的擴展能力。看看我的答案在這裏：http://stackoverflow.com/questions/19141062/cordova-general-easiest-way-to-develop-for-different-screen-layouts/19142351#19142351並看看Bootstrap文檔的縮放比例如下：http：//getbootstrap.com/css/#grid。投票給佩德羅！ – Dom

Phonegap縮放混亂和字體大小縮放

回答

相關問題