为什么媒体查询不能在实时服务器上工作但在本地PC上工作？

Question

我有一个页面here，它显示了iframe中的另一个页面。该页面顶部栏上还有一些图标，用于在点击时更改iframe的宽度。这些图标实际上显示了页面的响应性。

因此，当点击移动图标（肖像）时，jquery会将iframe的宽度更改为320 px。所以另一个页面（iframe显示）应该显示媒体查询的工作。

iframe包含的页面本质上是响应式的（通过css中的媒体查询）。

不幸的是，这仅适用于本地PC，但在实时服务器上却无法正常工作。为什么？请帮忙。