CSS3-Mdeia Query

来源:2-2 CSS3-Media Query简单案例

echojson

2017-04-23 15:56

<!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回答

  • 用户1139579
    2017-06-27 11:26:47

    and和(之间要有空格

  • 别回头123
    2017-04-23 16:20:26

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

    echojs...

    外联是没问题的,小于480px能显示,只是内联的style显示不出来

    2017-04-23 16:21:32

    共 1 条回复 >

认识响应式布局

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

132109 学习 · 278 问题

查看课程

相似问题