2009-11-19 73 views
1

有關如何最好地在用於移動設備的網頁中定義CSS樣式的任何指導?是否最好使用外部樣式表,並使用<鏈接>標記在<元素頭>元素中引用它,還是通過<樣式>標記將CSS樣式直接轉儲到頁面中更好?爲移動設備定義CSS樣式的最佳方法?

我認爲在頁面中直接使用CSS樣式的好處是可以減少移動設備必須製作的HTTP請求的數量。許多知名網站都將這種方法用於他們的移動網頁。例如,Yahoo!'s Mobile site直接將CSS樣式置於<樣式>(全部27 KB)中。 Google's mobile site也是如此(儘管它們的<風格>標籤中的內容要少得多)。

將CSS放在外部樣式表中會產生額外的HTTP請求,但會允許移動設備緩存內容並導致在後續訪問該站點時需要下載的字節更少。 Digg's mobile site是使用外部樣式表的網站的示例。

那麼是否有一個「最佳實踐」,用於在面向移動設備的網頁中指定CSS樣式?

謝謝

回答

1

許多舊手機不支持css外部文件,並減少了http請求。我認爲這是更好的內聯CSS樣式。

Heresomelinks

1

從GPRS/EDGE的請求是非常昂貴的。