颜色盒没有响应

Question

我是彩盒的新手，我在不同的屏幕分辨率上有彩色渲染的傻问题，我希望能得到一些帮助。

我基本上试图在彩色框中显示外部html文件的一部分。我已经能够做到这一点，但它似乎在具有不同屏幕分辨率的其他设备上以相同的方式工作。使用更大的分辨率屏幕，渲染也包括杂散元素.. 我试图设置max-Height值，但也没有运气。 为了更加清晰，这里是一个快照 -

代码段：

$("#id").colorbox({ 
    href:function(){
        return $(this).attr('href') + '#div1';
    },
    iframe: true,
    scrolling: false, 
    width: "50%", 
    height: "58%",
    closeButton:true,
    opacity:0.1
});

Answer 1

我不知道这是否是您问题的一个问题，但是如果您想在一个框中显示另一个html文件，该文件会根据屏幕的大小来改变大小：

<iframe src="your_filename.html" width="40%" height="40%">
<p>A error message.</p>
</iframe>

将要发生的事情是iframe（使用你的html文件）将是屏幕高度的40％，宽度相同。