我正在网站上工作,我想使用媒体查询来更改两种不同屏幕尺寸的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 申请
答案 0 :(得分:1)
您不会在此部分附近有引号:
type="text/css" media="only screen and (max-width: 650px) />
应该是
type="text/css" media="only screen and (max-width: 650px)" />