第二个@media查询不起作用

时间:2014-12-09 01:05:08

标签: html css media-queries

我正在网站上工作,我想使用媒体查询来更改两种不同屏幕尺寸的css。我希望 new new css.css 成为主要的css,然后是 medium.css 中的规则,以955px到650px之间的屏幕宽度和小的方式启动.css 以低于650px的屏幕宽度启动

这是我HTML中样式表的链接

<link href="new new css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 955px) and (min-width: 650px)" href="medium.css" />
<link href="small.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 650px) />

medium.css 工作正常,但是在650px以下,页面又回到了使用 new new css.css 并且中的所有规则都没有.css 申请

1 个答案:

答案 0 :(得分:1)

您不会在此部分附近有引号:

type="text/css" media="only screen and (max-width: 650px) />

应该是

type="text/css" media="only screen and (max-width: 650px)" />