100％寬度的燈箱與滾動

Question

我試圖通過調整幾個CSS屬性 - 蠟寬/高/等 - 但無濟於事。

我想要做的是有一個燈箱打開到100％的窗口寬度。然後，您將向下滾動查看lightbox肖像圖像內容的下半部分。

目前我的燈箱我唱歌只是打開全光或頁面的寬度，但受到限制，並試圖保持圖像完全在可視窗口內。

這就是我想實現：

這是我使用的腳本：http://www.designflowstudio.com/lightbox/index2.html

謝謝。

Answer 1

嘗試

min-width: 100% !important; 

此外，還要確保你沒有爲圖像設置一個高度的任何地方。

Answer 2

嘗試：

.background 
{ 
width:100%; 
min-width:960px; /* The width of the content */ 
background:url(your-pretty-background.png); 
} 

.content 
{ 
width:960px; 
} 

我可以理解你的問題錯了，但你可能還需要做的是設置什麼：

{ 
display: inline-block; 
} 

，將尊重頂部&底邊距和填充;尊重高度和寬度。

Answer 3

以前的答案看起來像他們應該爲灰色框區域工作，你可以嘗試身體有0填充; 'body {padding：0}'。身體或其他div可能會將灰色區域從視圖屏幕邊緣推出，可能是通過填充。

但是要保留圖像的原始參數，可以嘗試使其'顯示：固定'和'寬度/高度自動'。請記住，「燈箱2」腳本可能會自動調整大小，作爲其功能的一部分。

Answer 4

這正是我後:) http://codepen.io/dimsemenov/pen/kIorE

我會繼續玩了。