2014-01-21 67 views
0

我正在設計一個網站,必須有響應。響應網站行爲奇怪

使用簡單的

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

我能夠做的主頁響應以及通過拖動和調整大小的瀏覽器窗口,模擬在我的電腦上的其他頁面。

但是,當我測試我手機上的相同鏈接(Nexus 4)時,只有主頁有響應。其他頁面無法響應。

鏈接至網站:http://bit.ly/rspnsvtst

我的CSS文件是相當廣泛的(約1400線)和我不加入它。如果需要,我會在編輯中添加它。

任何線索爲什麼它表現奇怪?

回答

3

內部頁面沒有

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<head>部分定義

:在每一個頁面中添加此元。

參見本MDN page有關此元的移動設備或this interesting presentation由彼得 - 保羅·科赫的重要性futher參考,