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媒體查詢不起作用

回答

相關問題