以下是我的移动网站的样式表:
<META name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<META name="HandheldFriendly" content="true" />
<link type="text/css" rel="stylesheet" media="screen and (min-device-width: 481px)" href="css/smartmobile.css" />
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/smartmobile.css" />
<link type="text/css" rel="stylesheet" media="handheld" href="css/mobile.css" />
我在iPhone中加载了页面,看起来应该是这样的。但是,当我在Blackberry中加载页面时,它不使用“handhled”,而是尝试使用其他样式表。任何人都有任何想法为什么会发生这种情况?
答案 0 :(得分:0)
是的,大多数手机更是如此,旧的手机会忽略“媒体”类型,如果您需要 css在不同的手机类型上有所不同,我建议使用一些服务器端检测
答案 1 :(得分:0)
考虑媒体查询(正如您为iPhone所做的那样)而不是媒体类型。 http://www.alistapart.com/articles/responsive-web-design/许多设备不支持handheld
媒体类型。