为移动设备定义CSS样式的最佳方式？

Question

有关如何最好地在用于移动设备的网页中定义CSS样式的任何指导？是否最好使用外部样式表并在＆lt; head＆gt;中引用它使用＆lt; link＆gt;的元素标签，还是通过＆lt; style＆gt;将CSS样式直接转储到页面中更好？标记

我认为直接在页面中使用CSS样式的好处是它减少了移动设备必须进行的HTTP请求的数量。许多知名网站都将此方法用于其移动网页。例如，Yahoo!'s Mobile site将CSS样式直接放在＆lt; style＆gt;中。 （全部27 KB）。 Google's mobile site也是如此（虽然它们在＆lt; style＆gt;标记中的内容要少得多）。

将CSS放在外部样式表中会产生额外的HTTP请求，但会允许移动设备缓存内容并导致在后续访问网站时需要下载的字节更少。 Digg's mobile site是使用外部样式表的网站示例。

那么在针对移动设备的网页中指定CSS样式是否有“最佳实践”？

由于

Answer 1

GPRS / EDGE的请求非常昂贵。

Answer 2

许多旧手机不支持css外部文件，它减少了http请求。我认为它是更好的内联CSS样式。

Here some links。

Answer 3

http://mobiforge.com是最佳实践移动应用程序开发的良好资源，包括developer's guide。