Question

我在媒体查询根本无法正常工作时遇到一些麻烦。我将视口元标记插入到我的HTML文件的头部：

<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。我错过了什么吗？

Answer 1

删除半结肠

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

CSS3 Media Query无法正常工作

1 个答案: