根據jquerymobile中的縱向和橫向調整圖像大小？

我必須在標題和背景上添加圖像。是否可以根據屏幕方向（縱向和橫向）自動調整圖像尺寸。我以縱向分辨率設置圖像，但是當我將屏幕更改爲橫向時，圖像未調整大小。任何人都可以給我一些指導嗎？根據jquerymobile中的縱向和橫向調整圖像大小？

2011-02-28 Lakshmanan

的支持內置到jQuery Mobile的。有兩個Orientation Classes這是目前根據當前的屏幕方向：

.portrait { 
    /* portrait orientation changes go here! */ 
} 
.landscape { 
    /* landscape orientation changes go here! */ 
}

或者，如果你想有一個JavaScript事件可以綁定到orientationchange。

來源

2011-02-28 23:38:19 JohnTESlade

所以從上面的代碼我們必須設置肖像和風景的不同圖像大小。這是你要說的嗎？如果它的意思是我們如何設置圖像大小？因爲不同的平臺有不同的橫向屏幕尺寸。 – Lakshmanan 2011-03-01 05:38:17

您是否嘗試過''？ – dave1010 2011-03-01 16:48:28

我不認爲當手機進入橫向縱向時會觸發事件。但是，您可以編寫自定義函數來查找當前方向。在window.resize事件中寫下面的代碼。

$(window).resize(function(){ 
var height = $(window).height(); 
var width = $(window).width(); 

if(width>height) { 
    // Landscape 
    $("#img").attr("src","landscapeurl"); 
} else { 
    // Portrait 
    $("#img").attr("src","portraiturl"); 
} 
});

代碼從這個Here

來源

2011-02-28 11:09:22 Arun

我們推薦使用CSS3媒體查詢爲jQuery Mobile的取向類別被棄用：http://jquerymobile.com/demos/1.0b2/docs/api/mediahelpers.html

對於CSS3媒體查詢的演示：http://www.webdesignerwall.com/demo/media-queries/

來源

2011-08-17 19:40:24 bafromca

我使用CSS3規則：

@media （取向：橫向）{

#home-feature span { 
    display : inline-block; 
}

}

來源

2011-10-24 21:07:18 sschat

根據jquerymobile中的縱向和橫向調整圖像大小？

回答

相關問題