我用Drupal 7.22制作了一个自适应主题，它非常好用。不幸的是，Colorbox打开的iFrame的大小不适应。
要打开它们，我会执行以下操作：
<a class="colorbox" href ="http://mydomain.tld?width=800&height=700&iframe=true">Link</a>
但宽度和高度属性是硬编码的。如何根据浏览器光圈/屏幕定义为宽度和高度属性指定不同的值？
例如，宽度介于0和1024px之间的所有屏幕都应该有一个具有以下属性的colorbox iFrame：
width=800px
height700px
所有分辨率大于1024px的屏幕都应该有一个colorbox iFrame，其中包含以下属性：
width=500px
height400px
您对如何进行这些自适应有任何建议吗？