<!DOCTYPE html>
<html>
<head>
<title></title>
<link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:700px)"/>
<style type="text/css">
@media screen and (min-width: 700px){
body{background-color:blue;}
}
</style>
</head>
<body>
</body>
</html>
外联样式:
body{background-color:red;}
对了 注意一个地方 and() 要加个空格 and ()
在谷歌浏览器运行正常的
内联样式里面的type="text/css" 最好去掉 还有css3 不被ie6~8支持 换个浏览器试试如果用的是国产浏览器要用急速模式 在不行的话 我就也不知道了