css 媒體查詢 注意點

標籤：第一個   沒有   意思   mic   運算式   nbsp   分割   空格   max   

1， 媒體查詢運算式之間還可以用逗號，@media (max-width:800px), print  它表示或的意思 @media (max-width: 800px) OR print;

2， not 是對整個運算式的否定 @media not all and (min-width: 765px)，  相當於 @media not （all and (min-width: 765px)） 如果不想這樣的做，可以用，進行分割，@media not all, min-width:765px 

3, only: 防止老舊的瀏覽器，它不支援媒體查詢，而應用到給定的樣式。

　　media = “only screen and (max-width:800px)”

老舊的瀏覽器，它會在第一個空格處，也就是only 的後面，把後面的文字忽略掉，解析為 media=”only”,  它只會解析第一個單詞,media 屬性中沒有定義only, 所以這裡設定的樣式就會被忽略掉。

media =“ screen and (max-width:800px)”

老舊的瀏覽器,它只會解析第一個單詞 所以成為了 media =”screen” ,可以看到這裡定義的樣式，就會應用到html 檔案中。

css 媒體查詢 注意點