CSS3 Media Queryが動作しない

Question

メディアクエリがまったく動作しないという問題があります。

> #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; 
>  } 
>  
>  } 

：私も私のメディアクエリは、標準のCSS宣言の下、右、次いる

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

：私は私のHTMLファイルの先頭に挿入されたビューポートのメタタグを持っています

私はGoogleを検索することで見つけたものすべてを試しました。私はブートストラップを使っていると付け加えたいと思います。何か不足していますか？

Answer 1

少なくともショーいくつかのHTMLセミコロン

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