媒體查詢不適用於手機

Question

我正在自己的網站上自制media-queries。

DEMO：JSFIDDLE

形象的例子（手機屏幕）

正如你可以看到它的工作原理上deskopt很好，但我不知道爲什麼在手機顯示屏高分辨率。

任何線索？

媒體查詢應用於：

@media only screen and (max-height: 700px) {} 
@media only screen and (max-width: 1023px) {} 
@media only screen and (max-width: 880px) {} 
@media only screen and (max-width: 700px) {} 

視口：

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

注：是的，我知道我沒有遵守執行標準，但不應該是問題（？肯定）

Answer 1

這是一個恥辱，我說這個，但問題是在mediaqueries sintaxis。

我剛剛忘記了結尾標籤「}」，所以現代瀏覽器瞭解它的結束位置，但不是移動設備。