在CSS中嵌套@media規(guī)則各種瀏覽器的支持似乎有所不同。檢查鏈接Firefox：黑色，帶白色文字。Opera，Chrome，IE9：藍色與黑色文本。哪個是正確的，我將如何使其保持一致？代碼@media screen and (min-width: 480px) {
body{
background-color:#6aa6cc;
color:#000;
}
@media screen and (min-width: 768px) {
body{
background-color:#000;
color:#fff;
}
}}有趣的是，似乎在條件內(nèi)嵌套媒體查詢@import似乎有效。例如：的index.html<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8" />
<title>Media test</title>
<link rel="stylesheet" type="text/css" href="importer.css" /></head><body>
<h1>Why is this not consistent.</h1></body></html>importer.css@import url(media.css) screen and (min-width: 480px);media.cssbody {
background-color: #6aa6cc;
color: #000;}@media screen and (min-width:768px) {
body {
background-color: #000;
color: #fff;
}}
添加回答
舉報
0/150
提交
取消