2014-01-21 66 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参考,