Me小前端
2017-07-05 15:10
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/MediaQuery.css" media="only screen and(max-width:480px)"/>
<style>
@media only screen and (min-width:480px ) {
body{background: blue;}
}
</style>
</head>
<body>
</body>
body{
background: red;
}
在link标签中media="only screen and(max-width:480px)"里面的 and和(max-width:480px)直接要有空格
media="only screen and (max-width:480px)"
body{
background: red;
} 这句话要放在@media前面,你放的那个位置是没有作用的
认识响应式布局
132112 学习 · 278 问题
相似问题