为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3-Mdeia Query

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="./link.css" type="text/css" media="only screen and (max-width:480px)" /><!-- 当浏览器窗口小于480px时候使用外部链接 -->

    <style>

        @media screen and(min-width: 480px){

            body{background: black;}

        }

    </style>

</head>

<body>

    

</body>

</html>

这样设置了,当浏览器窗口大于480px时没反应

正在回答

2 回答

and和(之间要有空格

0 回复 有任何疑惑可以回复我~

你确定你的外联样式正确吗,文件相对路径格式对吗?

0 回复 有任何疑惑可以回复我~
#1

echojson 提问者

外联是没问题的,小于480px能显示,只是内联的style显示不出来
2017-04-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
认识响应式布局
  • 参与学习       132109    人
  • 解答问题       278    个

使用Bootstrap前端框架,本教程让网站兼容不同终端不再是梦

进入课程

CSS3-Mdeia Query

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信