2014-04-30 126 views
0

我是一個colorbox新手,我有一個愚蠢的問題,在不同的屏幕上的解決方案,我希望得到一些幫助。顏色盒沒有響應

我基本上試圖在顏色框中顯示外部html文件的一部分。我已經能夠做到這一點,但它似乎在具有不同屏幕分辨率的其他設備上以相同的方式工作。隨着更大的分辨率屏幕,渲染包括流浪元素太.. 我試圖設置最大高度值,但沒有運氣與此。 對於這裏更爲清晰的一個快照 - enter image description here

代碼片段:

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

後快照鏈接,有人能把它修好 –

+0

http://imagizer.imageshack.us/a/img834/2539/m8qp.png – user3573997

+0

@ user3573997有關顏色框'parent'元素的寬度/高度是什麼,它是否正常運作? –

回答

0

我不知道這是不是在你的問題中awnser,但如果你想顯示在一個盒子裏的其他HTML文件,改變大小取決於如何大/小屏幕上是嘗試:

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

將happend的事情是,在IFRAME(與你的HTML文件)將是屏幕高度的40%,寬度是相同的。