css - 在开发基于移动(webkit)的网站时，页面特定的 CSS 或单个 css 文件？

Question

我正在为 webkit 浏览器开发一个移动网站。我一直在尝试查找有关使用多个样式表与单个 css 文件的信息。关于此主题的信息很多，但与移动浏览器相关的信息并不多。我的网站将有一堆页面，同时具有页面特定的 css。

对于非移动站点，似乎通常人们说单个文件会更快，但多个文件更容易开发。但是，在移动网站上仍然如此吗？

如果您将所有内容都放在一个文件中，加载后会被缓存，但这会使第一次加载变慢。如果您有特定于页面的文件，则第一页会加载得更快，但是在发出特定于页面的 css http 请求时，其他所有页面都会受到影响。

有没有人对此有任何想法？

听起来好像他们说一个文件最好小于 1 MB(我的文件 def 会这样)？

http://www.yuiblog.com/blog/2010/07/12/mobile-browser-cache-limits-revisited/

Answer 1

我会说使用多个文件进行开发，然后在部署时将它们缩小为一个文件。我假设大多数移动网络浏览器都会对您的 css 文件进行某种缓存。此外，我发现很难想象一个缩小的移动网站的 css 文件会变得大到足以真正担心[除非你正在做内联/嵌入式 css 图像之类的事情]