Question

我设计的网站必须具有响应能力。

使用简单的

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

我可以通过拖动和调整浏览器窗口大小来使主页响应并模拟计算机上的其余页面。

但是，当我在手机（Nexus 4）上测试相同的链接时，只有主页才有响应。其他页面无法响应。

我的css文件相当广泛（大约1400行），我在这里没有添加它。如果需要，我会在编辑中添加它。

有关它为什么表现奇怪的任何线索？

Answer 1

内部网页没有

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

<head>部分中定义的

：在每个页面中添加此元数据。

另请参阅此MDN page以获取有关移动设备此元数据的重要性的更多参考或Peter-Paul Koch撰写的this interesting presentation，