我是webworks和整個BlackBerry開發人員的新手,我對此有個疑問。 我要開發我的應用程序的火炬手機。據我所知,在火炬系列中有3或4種不同的屏幕分辨率。但縱橫比保持不變。BlackBerry WebWorks中的屏幕分辨率
所以,這裏是一個問題:我應該怎樣處理我的html頁面的佈局。我是否應該通過使用%的px來靈活使用它,還是應該選擇最小的屏幕分辨率,而分辨率更高的手機電話會自動使其適用? RIM有沒有解決這個問題的方法?
我是webworks和整個BlackBerry開發人員的新手,我對此有個疑問。 我要開發我的應用程序的火炬手機。據我所知,在火炬系列中有3或4種不同的屏幕分辨率。但縱橫比保持不變。BlackBerry WebWorks中的屏幕分辨率
所以,這裏是一個問題:我應該怎樣處理我的html頁面的佈局。我是否應該通過使用%的px來靈活使用它,還是應該選擇最小的屏幕分辨率,而分辨率更高的手機電話會自動使其適用? RIM有沒有解決這個問題的方法?
我建議使用META視這樣的:
<meta name="viewport" content="user-scalable=no,initial-scale=1.0">
對於火炬設備,您可能還需要包含target-densitydpi=device-dpi
屬性,該屬性允許Web引擎將內容縮放到當前屏幕分辨率。
這是我寫給演示視口的示例。嘗試加載它在你的設備看到的內容是如何呈現: http://blackberry.github.com/WebWorks-Samples/kitchenSink/html/browser/viewport/viewport.html
樣品還包括對targetdensity屬性樣本頁: http://blackberry.github.com/WebWorks-Samples/kitchenSink/html/browser/viewport/densitydpi.html
您可以使用媒體查詢在CSS例如用於電筒9800
@media屏幕(最小寬度:360像素)和(最大寬度:480像素){...}
可以使用該功能爲開發應用程序的媒體查詢在HTML5
檢查這個 documentation