css - iframe，在里面维护原来的css

Question

我有以下情况。我有一个带有一些图表的 html 页面。如果您在桌面设备上打开它，您会看到并排的图表。如果您在移动设备上打开它，您会看到一张图表在另一张图表下方。这个页面有它自己的 CSS。

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

有什么解决这个问题的建议吗？我尝试在新页面中包含相同的 CSS on head 标签，但行为保持不变。

问候，

Answer 1

我在 head 标签中添加了下面的行，现在可以正常工作了。谢谢，

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

问候，