媒體屏幕不與瀏覽器的分辨率

Question

我與媒體屏幕工作的第一次改變，他們不太似乎工作，他們應該得的方式....

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

這裏所有的CSS樣式，它顯示爲它應該這樣。

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

我在這裏放置的所有CSS樣式不適用於寬度超過321像素的頁面。這是不應該發生的......例如，如果我要改變任何文字顏色，什麼都不會改變。

在此先感謝您的幫助:)

Answer 1

你在這個媒體查詢寫的CSS將應用於如果要應用相同的具有寬度小於321px;

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

屏幕CSS當你調整它超越321px則需要增加寬度按您的要求 -

@media screen and (max-width: 700px){ 

你需要寫中號EDIA查詢類或元素 -

@media screen and (max-width: 700px){ 

body{ 
    font-size:20px; 
    color:red; 
} 

} 

Demo Here