我正在编写响应式网站，目前我已经完成了 2 个 CSS 文件 scree_style.css，并且screen_layout_medium.css我<header>只为下面提到的中等屏幕编写了 CSS 部分。
这就是我链接它们的方式：
<link rel="stylesheet" type="text/css" href="css/screen_styles.css" />
<link rel="stylesheet" type="text/css" @media="only screen and(min-width:501px) and (max-width: 800px)" href="css/screen_layout_medium.css" />
screen_layout_medium.css 现在，即使我的浏览器是全宽的，我也为这个加载的标题部分编写了 css作为默认布局。
标题部分的 CSSscreen_layout_medium.css
header { height:200px; background:url(images/banner_medium.jpg) no-repeat 90% 0px;}
header a.logo { width:115px; height:70px; top:20px;right:20px;background:url(images/logo_medium.png) ; }
和默认 CSS 的样式
header { height:275px ; background:url(images/banner_large.jpg) no-repeat right 0px;}
header a.logo {width:150px ; height:85px ; top:28px; right:30px; background:url(images/logo_large.png) no-repeat ; }
它没有作为默认布局加载的原因是什么，scree_style.css请帮助我。