爲什麼在移動瀏覽器中頭不會變小？

Question

我有一個媒體部分http://androdevlab.com/style.css應適用於http://androdevlab.com當在移動瀏覽器中查看。 具體來說，徽標和主標題字體應該小得多，但它們不會。

想知道爲什麼？

Answer 1

您的媒體查詢測試(max-width: 780px)，這不符合許多Android手機，它通常報告800要麼改變媒體查詢

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

或使用max-device-width。

或者，您可以添加HTML元素

<meta name="viewport" content="width=device-width"> 

告知移動瀏覽器使用的實際分辨率。