使用IFrames进行响应式设计测试面对IE7和IE8的问题

Question

我试图创建一个页面，接受该网站的网址，并向我显示所有的水平显示尺寸。

类似于：http://dfcb.github.com/Responsivator/或类似于：http://mattkersley.com/responsive/

在这两个网站中，他们都使用iframes来加载指定宽度的内容，然后他们在不同的设备上玩宽度和高度，它在除了IE7和IE8之外的所有浏览器上都工作得很好。我想知道如何让它在IE 7和8上工作。

我在某处读到可以使用P3P头的http://www.ehow.com/how_8123203_use-iframes-ie8.html，但我不确定。

语言不是问题。但我只想让它在每个浏览器上都能工作。我已经开发了一个测试页面并将其保持在线：http://sentimentanalysis.comeze.com/responsiate/

如果你仔细观察，它在chrome，ff，IE9上运行得很好，但在IE7和8上却很奇怪，如何让它看起来一样呢？有可能吗？

任何提示都会很有帮助。

Answer 1

响应式设计在IE7和8中不起作用。

使用如下方法：

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

不要在IE7或IE8中工作，唯一的解决方法是客户端的Chrome框架。

移动标头(不响应媒体查询)

您可以发送假装的移动标题，但仅此而已。这将需要大量的混乱来欺骗服务器，使其认为你在移动设备上，但这将需要大量的工作。您的服务器将不得不请求页面及其所有资产(图像、样式和脚本)，并且它不会显示站点的真正响应式设计:如果目标有完整的移动站点，则仅显示完整的移动站点。