jQuery Mobile中的媒體查詢問題

我們正在使用jQuery Mobile Framework開發應用程序。到目前爲止，應用程序工作得很好，現在我們正在考慮針對不同大小的瀏覽器窗口使用「媒體查詢」條件CSS腳本。jQuery Mobile中的媒體查詢問題

我們的想法是，當有人通過iPhone/Android/Windows手機等移動瀏覽器訪問我們的應用時，他們可以查看全寬和全高。但是當有人從普通的桌面瀏覽器訪問它的寬度超過800PX時，我們需要重新調整我們的應用的寬度和高度。

問題在於，我們想要在iPhone背景上設置重新尺寸的應用程序窗口&當前背景位置是固定的。我曾嘗試過數千次重新調整寬度和高度，並且能夠重新調整寬度但不能重新調整高度。另外，我需要改變我們的應用程序在後臺的位置。

任何人都可以告訴我如何改變JQM窗口的高度嗎？

等待專家意見。

來源

2012-03-07 xenioushk

檢查它是否可能與視口設置有關。我認爲我們需要更多的細節。對於你實際要求的內容有點困惑。

來源

2012-03-07 14:08:09 imaginethepoet

我認爲觀點將處理寬度和內容應該處理頁面的高度。我認爲還有一個高度的默認值。

視窗meta標籤
注意上面有在頭一箇中繼檢視區標記指定瀏覽器如何顯示網頁縮放級別和尺寸。如果沒有設置，許多移動瀏覽器將使用大約900像素的「虛擬」頁面寬度，以使其與現有桌面站點配合良好，但屏幕可能會縮小，也可能看起來很寬。通過將視口屬性設置爲 content="width=device-width, initial-scale=1"，寬度將爲設置爲設備屏幕的像素寬度。
<meta name="viewport" content="width=device-width, initial-scale=1"> 
這些設置不會禁用用戶的縮放頁面的能力，這是從無障礙的角度看。在iOS中有一個小問題問題，在使用這些視口設置更改方向時沒有正確設置寬度，但希望這可以修復未來版本。如果需要，您可以設置其他視口值以禁用縮放，因爲這是您的頁面內容的一部分，而不是庫。

http://jquerymobile.com/test/docs/pages/page-anatomy.html

也有一個gradeA全局配置選項，但不知道這是否會幫助：

grade A
函數返回布爾值，默認值：返回值爲$.support.mediaquery的函數任何支持條件必須滿足才能繼續。

jQM提供Media Helpers，但它已被棄用，但您仍然可以下載並自行使用它。

http://jquerymobile.com/test/docs/api/mediahelpers.html

他們建議使用response.js斯科特Jehl（JQM團隊成員）開發

來源

2012-03-07 14:23:23

jQuery Mobile中的媒體查詢問題

回答

相關問題