将备用样式表应用于手持设备,不能正常工作

时间:2011-11-16 06:31:11

标签: css html5 mobile

我有一个页面的两个样式表。

<link rel="stylesheet" href="css/lsharecomplete_mob.css" media="handheld" type="text/css" />
<link rel="stylesheet" href="css/lsharecomplete_dt.css" type="text/css" media="Screen" />

我正在测试Android和Iphone,两者似乎都在采用“屏幕”风格。 在一个样式表中使用@media而不是使用备用表格更好还是我做错了。

我检查了链接和服务器目录,以确保文件存在且链接正确。

2 个答案:

答案 0 :(得分:1)

iPhone的Mobile Safari并不认为它是“手持式”媒体类型。

  

iOS忽略了打印和手持媒体查询,因为这些类型不提供高端Web内容。因此,请使用iOS的屏幕媒体类型查询。

Source

相反,请使用media queries

答案 1 :(得分:0)

您必须在标准样式之后加载掌上电脑样式。否则,您的移动设计中的所有内容都将被覆盖。