100％宽度灯箱，带滚动条

Question

我尝试通过调整几个CSS属性 - 蜡宽/高度等来实现这一点 - 但无济于事。

我想要做的是让灯箱打开到窗口的100％宽度。然后，您可以向下滚动以查看灯箱肖像图像内容的下半部分。

目前我正在唱歌的灯箱只是打开了整个灯光或页面的宽度，但是受到约束并试图将图像完全保留在可视窗口内。

这是我想要实现的目标：

这是我正在使用的脚本：http://www.designflowstudio.com/lightbox/index2.html

谢谢。

Answer 1

尝试：

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

.content
{
width:960px;
}

我可能理解你的问题是错的，但你可能需要做的是设置：

{
display: inline-block;
}

它将尊重top＆amp;底部边距和填充;尊重高度和宽度。

Answer 2

试

min-width: 100% !important;

另外，请确保您没有为该图像设置任何高度。

Answer 3

以前的答案看起来应该适用于灰色框区域，你可以尝试使用0填充的主体; 'body {padding：0}'。身体或其他div可能会将您的灰色区域推离视图屏幕的边缘，可能是通过填充。

但是要保留图像的原始参数，也许可以尝试将其设置为“display：fixed”和“width / height auto”。请记住，'lightbox 2'脚本可能会自动调整图像大小，作为其功能的一部分。

Answer 4

这正是我所追求的:) http://codepen.io/dimsemenov/pen/kIorE

我会继续玩它。