适用于iPad和iPhone的不同CSS样式表,适用于通用应用程序

时间:2010-10-11 01:41:06

标签: javascript iphone css ipad uiwebview

我本质上是一个嵌入在UIWebView中的离线网站。我已经创建了一个样式表来在iPhone屏幕上很好地格式化所有内容,但我需要不同的格式才能更好地利用iPad的屏幕。

我尝试使用代码简单地将不同的样式表复制到位,但这涉及修改应用程序包,不鼓励使用,或者在这种情况下,只是不起作用。

根据应用程序是在iPhone还是iPad上运行,有没有人能想到加载不同样式表的方法?我有成千上万的HTML文件与网站同步,因此我无法轻易修改所有这些文件。我需要一些方法来更改使用javascript加载的样式表或将css文件移动到某个位置。

我还应该提一下,这是一个通用的应用程序,几乎完全相同的代码(和略有不同的nib文件)在两者上运行。

3 个答案:

答案 0 :(得分:3)

你能使用CSS media query吗?您可以使用stringByEvaluatingJavaScriptFromString:将其注入您的网页。

答案 1 :(得分:2)

通过服务器端代码,您可以检测iPad User Agent并将link标记写入不同的样式表。我可能会使用服务器端逻辑而不是Javascript,因为我不喜欢使用Javascript进行“闪烁”的可能性。

答案 2 :(得分:0)

为什么不看看960网格系统http://960.gs。它有助于根据遇到的设备使用不同的CSS格式