问答详情
源自:2-2 CSS3-Media Query简单案例

为什么没有效果呢。。。

<!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;}

提问者:张筱诺8983 2015-12-21 10:55

个回答

  • 行者无止尽
    2016-02-24 13:48:11

    对了  注意一个地方 and() 要加个空格 and ()

  • 行者无止尽
    2016-02-24 13:45:35

    在谷歌浏览器运行正常的

  • 有的同学
    2015-12-22 00:23:38

    内联样式里面的type="text/css" 最好去掉 还有css3 不被ie6~8支持 换个浏览器试试如果用的是国产浏览器要用急速模式 在不行的话 我就也不知道了