CSS3媒体查询不起作用

-1

我遇到了媒体查询根本无法工作的问题。我有视meta标签插入我的HTML文件的头部：CSS3媒体查询不起作用

<meta name="viewport" content="width=device-width, initial-scale=1.0">

我也有我的媒体查询以下正确的标准CSS声明下：

> #serviceIcons { 
> 
>  position: relative; 
>  top: 25px; 
>  width: 250px; 
>  } 
> 
>  @media only screen and (max-width: 768px;) { 
>  
>  #serviceIcons { 
>  
>   position: relative; 
>   top: 25px; 
>   width: 250px; 
>   -webkit-border-radius: 50%; 
>   border-radius: 50%; 
>   -webkit-box-shadow: rgba(0,0,0,0.9) 0px 0 10px; 
>   box-shadow: rgba(0,0,0,0.9) 0 0 10px; 
>  } 
>  
>  }

我已经尝试过所有可以通过搜索Google找到的东西，并且没有提到我遇到的任何建议。我想补充一点，我也使用Bootstrap。我错过了什么吗？

来源

2017-08-01 maison.m

至少表明一些HTML !! –

通过CSS linter或验证程序运行您的CSS，例如https://jigsaw.w3.org/css-validator/。 – 2017-08-01 03:45:52

太好了。感谢您的链接。 –

-1

卸下分号

@media only screen and (max-width: 768px)

来源

2017-08-01 03:36:14

这些累了我的眼球！那完美的工作。谢谢您的意见！ –

CSS3媒体查询不起作用

回答

相关问题