移動網絡應用程序：在多個分辨率設備上使用相同的圖像集

我想知道，如果我可以爲我的移動網絡應用程序維護一個CSS文件。該Web應用程序針對Android設備的不同分辨率。所以我想知道我是否可以使用相同的圖像集並使用任何CSS樣式進行縮放，而不是爲每個分辨率保留多個圖像？該webapp使用html5，css3和javascript構建。移動網絡應用程序：在多個分辨率設備上使用相同的圖像集

我知道我們可以使用CSS媒體查詢，但通過我將需要加載基於設備寬度的不同圖像。我正在嘗試爲所有設備的分辨率使用相同的圖像。如果我在代碼中全面保留高分辨率圖像。

這可能嗎？請告訴我。

在此先感謝。感謝任何形式的幫助。

來源

2013-12-18 user2733130

你可以做這樣的事情：

@media screen and (max-width: 480px){ 
    .element { background-image: url(../images/bg1.img); } 
} 

@media screen and (min-width: 800px){ 
.element { background-image: url(../images/bg2.img); } 
}

，但你也可以設置它也許100％（如果它應該適合任何大小的屏幕）

來源

2013-12-18 09:36:51 Cracker0dks

您好，我想知道能不能我們使用相同的圖像爲最大的設備：寬度480像素和最小寬度：800像素??在上面的帖子中，我看到有兩個圖像bg1和bg2。我可以只用兩個圖像嗎？ – user2733130

當然是！你可以用$（「img」）改變大小。css（「width」，「100px」）; – Cracker0dks

它不工作，因爲高度也會不同。 – user2733130

移動網絡應用程序：在多個分辨率設備上使用相同的圖像集

回答

相關問題