CSS3媒体查询不可访问

2017-02-01 60 views 1 likes

我有一个背景图像的div ..我需要给大屏幕div边缘，并删除其他屏幕的边缘。但我在浏览器中检查时发现媒体查询中的代码不可读。CSS3媒体查询不可访问

<div class="logo FLRight FLNone-xs"> 
<div>

这个代码是在CSS文件可读没有任何meadia

.header .nav-container .logo{ 
    background: url(../images/logo.png) no-repeat; 
    width: 160px; 
    height: 80px; 
    margin-bottom: 0px; 
}

和该代码无法读取在浏览器...这只是一个简单的例子..的情况下被施加在我的文件中的所有类

@media (min-width: 1200px) { /*large screens*/ 

    .header .nav-container .logo{ 
     margin-bottom: 20px; 
     } 
    }

来源

2017-02-01 Ahmed Ragab

我在顶部的例子中读了3个类。哪一个？ – scoopzilla

您正在使用哪种浏览器，还是跨浏览器问题？ – neophyte

@scoopzilla .logo类...但问题不是关于类..任何类将面临同一问题 –

回答

.logo{ 
 
    background: url('http://www.logospike.com/wp-content/uploads/2015/11/Logo_Image_01.png') no-repeat; 
 
    width: 160px; 
 
    height: 80px; 
 
    margin-bottom: 0px; 
 

 
} 
 
@media (min-width: 1200px) { /*large screens*/ 
 

 
    .logo{ 
 
     margin-bottom: 20px; 
 
     } 
 
    }

<!doctype html> 
 
<html> 
 
<head> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <div class="logo FLRight FLNone-xs"> 
 
    <h1>hiiii</h1> 
 
<div> 
 
</body> 
 
    </html>

从@media中删除关联的类。请参阅上述代码以供参考。希望这有助于！

来源

2017-02-02 01:56:53 neophyte

CSS3媒体查询不可访问

回答

相关问题