响应式站点无法在线工作,但在保存并在本地计算机上打开时可以使用。为什么?

时间:2015-08-23 01:57:37

标签: html css responsive-design responsiveness

第一次问这里,所以希望我在正确的地方。

以下是我正在处理的网站: http://iprotion.com/

我刚刚为它构建并测试了一个移动友好主题,但我发现'响应'不能正常工作。

当您在打开该页面时重新调整浏览器的大小(作为移动视图):http://iprotion.com/它根本不起作用。左侧边栏仍然在同一位置,而不是重新定位到页面的主要内容之上。但是,这真的很奇怪,如果您将此页面保存在本地计算机上并通过同一浏览器打开保存的页面,调整浏览器大小,响应将正常工作。

保存的代码应与“在线”代码相同,对吧?为什么在线工作的响应不起作用?

任何想法和帮助都将非常感激! 谢谢。 西蒙。

2 个答案:

答案 0 :(得分:1)

我刚刚在Chrome,Firefox,IE,Chrome的移动测试功能

中查看了它

- 它的工作原理正如你在三者中描述的那样。

首先要尝试:

清除浏览器缓存并重新启动浏览器并再次检查

通常在本地测试网站时,这不是问题,但在网站上线时,可能就是这样。

更改页面或页面布局后,以前的版本可能会暂时停留在浏览器缓存中。

答案 1 :(得分:0)

您确定已将响应式媒体查询添加到网站在线版本的样式表中吗?我看到左侧边栏和主要内容区域分别有coffee-span-3coffee-span-9个类。所以。他们没有办法重新调整移动浏览器?