iframe,维护其中的原始css

时间:2018-06-14 20:47:42

标签: css iframe responsive

我有以下情况。我有一个html页面,上面有一些图表。如果您在桌面设备上打开它,则会并排显示图形。如果您在移动设备上打开它,则会在其他下方看到一个图表。这个页面有它自己的CSS。

我需要使用iframe或对象的标记在其他页面中加载此页面。我的问题是当我将其包含在iframe中时,最初会丢失响应。所以,现在,如果在移动设备上打开页面(框架中有原始html),我会看到并排的图形,而不是移动视图。

有任何解决此问题的建议吗?我试图在新页面中包含头标记上的相同CSS,但行为保持不变。

此致

1 个答案:

答案 0 :(得分:0)

我在head标签中添加了以下行,现在正在运行。谢谢,

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">

此致