使用 IFrame 的响应式设计测试面临 IE7 和 IE8 的问题

Question

我正在尝试创建一个接受网站 URL 并水平显示所有显示尺寸的页面。

类似这样的东西：http://dfcb.github.com/Responsivator/ 要么 像这样：http://mattkersley.com/responsive/

在这两个网站中，他们都使用 iframe 加载指定宽度的内容，然后在不同设备上使用宽度和高度，它在除 IE7 和 IE8 之外的所有浏览器中都能正常工作我想知道如何让它工作在 IE 7 和 8 上。应该有一些方法。

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

语言不是问题。但我只是希望它可以在每个浏览器上运行。 我已经开发了一个测试页面并保持在线：http://sentimentanalysis.comeze.com/responsiate/

如果您仔细观察，它在 chrome、ff、IE 9 上运行良好，但在 IE7 和 8 上运行非常奇怪，如何让它看起来一样？可能吗？

任何指针都会有所帮助。

Answer 1

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

使用如下方法：

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

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

移动标头（非响应式媒体查询）

您可以发送假装的移动标头，仅此而已。这需要花很多时间才能让服务器误以为你在移动设备上，但这需要做很多事情。您的服务器将不得不请求页面及其所有资产（图像、样式和脚本），并且它不会显示网站的真正响应式设计：如果目标有一个完整的移动网站，则只会显示完整的移动网站。