2017-08-24 83 views
0

我面臨的問題與我的Phonegap構建中,我正在構建的應用程序被鎖定到橫向並構建到iPad尺寸(2048x1536px)。使Phonegap應用程序在iPad和iPhone之間正確縮放

當我在iPad上打開IPA時,一切正常。

當我在我的iPhone上打開IPA時,它會縮小到設備的寬度,但由於該應用被鎖定到橫向,我實際上需要將其縮放到設備的高度。 (聽起來很簡單,對不對?)我已經通過一些可用的配置和索引設置來嘗試獲得解決方案,但它只會變得更糟,而不是更好。

我想知道是否有人可以建議一種方法來做到這一點。在配置有兩個相關的設置

NAME =「全屏」 NAME =「EnableViewportScale」

和索引HTML,其負載的應用程序調用,提供了一個通用的視口設置。這被設置在縮放到設備寬度的版本中(當保持在其所需的橫向位置時,將應用的一部分懸掛在屏幕的底部)。

任何人都知道解決方案嗎?我怎樣才能讓html去「這是橫向的,所以我應該縮放到設備高度。」

回答

0

您正在使用哪個Web框架?我在jquery mobile中這樣做可以縮放到全屏,並且無論我的設備的大小如何,它都是全屏。

http://demos.jquerymobile.com/1.2.1/docs/toolbars/bars-fullscreen.html

+0

感謝您的快速回復。我從一個HTML5網站導出不同的indesign,然後用config.xml文件打包一個圖標作爲zip文件上傳到Phonegap。 不幸的是,我不是一個編碼器 - 因此我爲什麼使用indesign和phonegap - 所以只能從對HTML的有限理解中工作。 –

+0

不難看出你試圖達到的效果。你可以在這裏保存代碼並將它作爲你的cordova項目的一部分運行,看看它是否以你正在尋找的同一個「全屏」模式運行?如果是這樣,那麼這是要使用的代碼。 https://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_toolbars_fullscreen –

+0

不幸的是,我沒有一個科爾多瓦項目。我直接使用build.phonegap.com。問題是應用程序在橫向模式下縮放到設備寬度,在iPad上沒問題,因爲應用程序設計爲iPad的屏幕分辨率。然而,iPad比iPhone更方形。所以當iphone上出現相同的應用程序時,它會再次縮放到邊緣。這使應用程序離設備屏幕底部邊緣的1/3左右... –

相關問題