2011-12-09 70 views
0

我最近被要求組建一個Flash網站。因爲我這樣做,我當然需要跟進與手持設備等工作的姊妹網站。移動網站(分辨率和語義)

我把一個網站放在一起,看起來,例如,在黑莓上的夢幻般,但一個iphone的解析度是這個網站看起來很微觀。處理這些分辨率差異的優雅方式是什麼?

而且,我只是用PHP來檢查瀏覽器的類型和飼料根據不同的網頁,我其實沒有做一個移動的子域,或使用特殊的移動代碼..那些日子已經一去不復返了嗎?或者,我是否將語義犯罪視爲正常但不同的網站?

感謝大家的輸入。

回答

1

CSS Media Queries是專門爲解決這個問題而設計的。

請查看文章的Responsive Web Design over at A List Apart

範例網站:A List Apart CSS Media Query Example
另一個很好的例子/教程http://webdesignerwall.com/tutorials/css3-media-queries
另:http://hicksdesign.co.uk/
另:http://colly.com/

調整此窗口的寬度和高度以查看媒體查詢正在進行的操作。 (另外,查看底層的CSS)

+0

看起來像我有一些閱讀要做。感謝您的簡潔回答。這些實現是否具有字體縮放功能,還是僅僅是一種內容/模塊化的東西? – sdo

+0

事情實際上會非常好地縮放,因爲你將會做視口魔術。看看這裏:http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html(或任何谷歌搜索的'mediaqueries viewport'或'網頁viewport') –

+0

如果你有一個對CSS的理解很好,你可以跳過並查看示例站點的CSS來查看mediaquery CSS的情況,這將大大減少你必須做的閱讀量..你可能會繼續前進並立即開始與視口一起玩。 –