我用 Drupal 7.22 做了一个自适应主题，效果很好。不幸的是，由 Colorbox 打开的 iFrame 的大小不是自适应的。
要打开它们，我执行以下操作：
<a class="colorbox" href ="http://mydomain.tld?width=800&height=700&iframe=true">Link</a>
但是宽度和高度属性是硬编码的。如何根据浏览器孔径/屏幕定义为宽度和高度属性指定不同的值？
例如，宽度在 0 到 1024px 之间的所有屏幕都应该有一个具有以下属性的颜色框 iFrame：
width=800px
height700px
并且所有分辨率大于 1024px 的屏幕都应该有一个colorbox具有以下属性的 iFrame：
width=500px
height400px
你对如何使这些自适应有什么建议吗？