为移动设备,屏幕和打印设置不同样式表的简单方法

时间:2011-04-12 00:49:31

标签: css

我有一个网页,我想为打印,移动,屏幕等提取不同的样式表。

我的屏幕和打印效果非常好。我有两种不同的移动样式表 - 一种用于现代智能手机(iPhone / Android),一种用于黑莓。它们分别称为mobile.css和blackberry.css。

当iPhone / Android访问页面时,如何让我的页面加载移动样式表,以及当大多数黑莓加载页面时,黑莓样式表?

使用max-width: 480px会起作用,但它也会强制将移动样式表放在Blackberry(其屏幕也是480px宽)上,这是不受欢迎的行为。

任何帮助?

1 个答案:

答案 0 :(得分:0)

印刷:

<link rel="stylesheet" href="print.css" media="print">

要专门针对Blackberry,您可能需要进行一些User-Agent嗅探。