Question

网页根据屏幕大小来加载css文件，在手机上可以完美加载指定的css，但是在电脑上就加载不了指定的css？

‍求高手帮忙看下是怎么回事啊，弄了好几天了，都不成功，我的头部代码是

<title>2/3以上业主同意 老住宅楼可申请加装电梯_房产</title>
<meta name="keywords" content="2/3以上业主同意 老住宅楼可申请加装电梯,加装电梯,产权人自筹,办法">
<meta name="Description" content="2/3以上业主同意 老住宅楼可申请加装电梯">

<link rel="alternate" type="application/vnd.wap.xhtml+xml" media="handheld" href="http://shipei.qq.com/c/nj_house/20130711000005">

<meta name="viewport" content="width=device-width, initial-scale=1" />

<!–[if lt IE 9]>
<script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script>
<![endif]–>

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 900px)" href="wap.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 900px)" href="dcy.css" />

网页根据屏幕大小来加载指定的样式，屏幕宽度小于900就加载wap.css，大于900就加载dcy.css，我这边写出来的效果在手机上完美实现，但是在电脑上页面就乱了啊，完全没有加载到dcy.css样式表，怎么回事啊，求高手指点迷津啊！鄙人一共就60分，全给了，谢谢！
我发现了，在电脑上360，IE，TT浏览器加载不到dcy.css样式表，在火狐和搜狗下，可以加载到dcy.css，求高手指点迷津，这个兼容怎么来写？

Answer 1

css文件中：

@media (max-width: 900px) {
/* 这里面写css样式 */

}
@media (min-width: 900px) {
/* 这里面写css样式 */
}

追问

是写在同一个css里面是吗？我试试

不行啊，我试过了，这下在电脑上面所有浏览器加载不到样式表

追答

这个样式是不支持ie内核的浏览器的······