使iframe内的每个元素都响应

Question

我有一个显示广告的iframe。我希望它以这样一种方式响应：每个具有不同屏幕大小的用户都可以看到100％宽度而不是iframe的溢出。怎么做到这一点？

Answer 1

Smashing Magazine已经使用CSS和容器元素解决了这个问题 - Embedded Responsive Design

要点：

1. 为有问题的iframe创建容器包装

2. 设置容器的样式;
   （如果容器的类名称被调用＆＃39;视频容器＆＃39;）

   .video-container {
     位置：相对;
     padding-bottom：56.25％;
     padding-top：35px;
     身高：0;
     溢出：隐藏;
   }

3. 设置容器内的iframe样式

   .video-container iframe {
     位置是：绝对;
     顶部：0;
     左：0;
     宽度：100％;
     身高：100％;
   }

希望这有帮助！
有关详细信息，请参阅link

Answer 2

试试这个：

iframe, object, embed {
    max-width: 100%;
}