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)" /><!-- 當(dāng)瀏覽器窗口小于480px時候使用外部鏈接 -->
? ? <style>
? ? ? ? @media screen and(min-width: 480px){
? ? ? ? ? ? body{background: black;}
? ? ? ? }
? ? </style>
</head>
<body>
? ??
</body>
</html>
這樣設(shè)置了,當(dāng)瀏覽器窗口大于480px時沒反應(yīng)
2017-06-27
and和(之間要有空格
2017-04-23
你確定你的外聯(lián)樣式正確嗎,文件相對路徑格式對嗎?