2011-05-13 70 views
1

我跨越這真棒網站今天早上來的? 4種不同的佈局,並根據客戶端的屏幕分辨率在它們之間切換?有沒有更聰明的做法,比如某種「動態佈局」?多分辨率佈局

+0

4個不同尺寸的佈局!= 4個分辨率。 – Quentin 2011-05-13 09:42:49

+0

你是什麼意思?我同意一個佈局可以適用於整組分辨率,比如「320到480像素」。那是你在說什麼? – plang 2011-05-13 10:34:51

+0

你是什麼意思?您提供的鏈接是動態佈局..您是否縮放了頁面?我認爲這些都是很好的技巧。我完全相信(半)液體佈局回來了。至於圖像的縮放比例。你不能只給每幅圖像一定比例的寬度。不要忘記還要將最大寬度聲明爲原始圖像寬度,否則圖像會變得模糊。 – 2011-05-13 10:38:53

回答

1

媒體查詢是CSS 3的一部分,該網頁是他們在實踐中的一個例子。這個想法是,你可以根據屏幕/打印,以及可用的設備分辨率和其他參數指定不同的CSS文件。

一些相關鏈接:

我沒有做太多的,但我已經聽到支持和反對。另一種方法是瀏覽器檢測以確定要加載哪個css /頁面。