响应css无法正常工作

时间:2014-02-18 11:18:30

标签: android html css

我有3种不同的样式表,一种用于PC屏幕,一种用于智能手机,如iPhone5S,三星Galaxy S4 ......另一种用于小型智能手机,例如我的三星Galaxy mini。

这就是我在html文件中编写链接的方式:

  <link media="handheld, only screen and (max-width: 300px), only screen and (max-device-width: 300px)" href="StylesheeetSmallSphone.css" type="text/css" rel="stylesheet" />
  <link media="handheld, only screen and (min-width:301px) and (max-width: 480px), only screen and (min-device-width:301px) and (max-device-width: 480px)" href="StylesheetLargeSPhone.css" type="text/css" rel="stylesheet" />
  <link media="Screen" rel="stylesheet" type="text/css" href="StylesheetPC.css" />

在每台设备上,应用的css是最后一个。我需要更改哪些设备才能显示自己的css?

2 个答案:

答案 0 :(得分:0)

试试..

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css" />

答案 1 :(得分:0)

你的意思是最后一个还是最后一个?