我在哪裏可以學習如何使網站符合許多Android決議？

基本上，我設計的Android手機網站，但是，我發現這些手機有許多不同的決議。最大的問題是有些手機的高度爲800像素，其他手機的高度爲320像素。我假設我需要做流體佈局，但我仍然困惑於如何使移動網站填滿整個用戶的屏幕，並且如果它的高度爲800px而不是320px高，仍然看起來很好。我在哪裏可以學習如何使網站符合許多Android決議？

我madea手機網站，但意識到它看起來像使用模擬器（它看起來像一些設備上的一個小圖標）在不同的Android設備上的完全廢話。

我發現類似這樣的堆棧溢出問題我要問：Tips for optimizing a website for Android's browser?

而且該人士稱，他使用Meta標籤：HandheldFriendly和視這是有道理的考慮實際的設備大小，因此它不調整大小，但後來他提到了「CSS媒體查詢」。他給CSS媒體查詢的這個例子：

@import url(style-screen.css) screen; 
@import url(style-small.css) print, handheld; 
@import url(style-large.css) screen and (min-width: 801px); 
@import url(style-small.css) screen and (max-width: 800px);

我假定這是一個不同的屏幕尺寸，但我還是不明白他在做什麼。我一直在尋找幾個小時試圖找到教程，告訴我如何基本做到這一點，但移動是如此新，我不認爲有很多資源或我想念他們。我見過android網站，但它似乎是應用程序開發人員，他們只是列出屏幕大小，但不知道如何讓他們很好的網站來填補整個人的屏幕大聲笑。

如果有人有任何問題或提示或鏈接，他們可以與我分享，以瞭解如何讓手機網站填滿整個手機（或接近它），而不是有一個小圖標，這是我的手機網站的外觀在上面。謝謝。

（我也想加入，當然優化的一些不錯的移動圖像，但不知道如何將工作要麼，那會是液體也？）

來源

2012-09-09 king

CSS3和媒體查詢適合您的需求;一些信息here

來源

2012-09-09 08:01:28 user1555320

謝謝你。但是我怎麼知道這些附加物有多少呢？像，我做一分鐘高度800，然後分鐘高度400什麼的？ – king

和我應該只是每個媒體查詢製作一個全新的設計？ – king

有多少css取決於你;你應該定義哪種用戶體驗最適合任何解決方案; 這個主題也被稱爲'響應式設計';通常你爲每個模板定義3個不同的佈局，每個模板都有一個最大寬度;肖像或風景不應該很重要，除非有視覺元素需要分鐘高度才能正常工作。看看這樣的網站http://www.jyskebank.dk/wps/portal/jfo/forside瞭解它應該如何工作 – user1555320

我在哪裏可以學習如何使網站符合許多Android決議？

回答

相關問題