css - 如何使 Google Picker iFrame 响应式？

Question

按照这个链接：

http://stuff.dan.cx/js/filepicker/google/

google 选择器的演示，可以看到这里的选择器 iframe 的最小尺寸为 566 * 350，即使将浏览器调整为更小的尺寸也是如此。

我希望这个 iframe 始终与正在调整大小的浏览器成比例，即响应式。

任何人都可以帮助我在哪里以及需要什么改变来实现这一点？抱歉，我对 CSS 不太了解...

Answer 1

我通过将这些全局样式添加到页面来解决它，这使得选择器在整个页面上传播并在页面动态收缩时收缩

.picker {
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
}