控制位置&窗户收缩时的高度

时间:2014-01-23 02:03:12

标签: jquery html css responsive-design

我这里有一个奇怪的CSS情况。我正在建立我的新投资组合,即响应和视差。如果你看一下这里,你会看到第一部分:http://daniellebrittanydesigns.com/new-portfolio/

桌子位于不同的部分/ div。桌子的主要部分(所有项目)都是图像。桌子的桌子/木头部分是在它下面的div中的背景图像,因为我需要它伸展,yadda yadda。

木质部分设置为200px高(因为div没有内容),并且位于顶部:-200px,因此桌面上的物品看起来就像是“坐在”上面。

当您缩小窗口时,主桌面图像会缩小,但桌面的木质部分会保持其高度,并最终使图像上升,窗口最下面等等。

我一直在玩高度,位置,边距等等 - 找不到能让.desk-wood收缩的解决方案。保持位置与桌面主图像一起。

任何CSS提示都会有所帮助 - 非常感谢你!

1 个答案:

答案 0 :(得分:0)

我在这里看到两个选项。

首先使用百分比开始玩木材高度和位置。对于RWD,重要的是元件具有流体结构,并且设置静态宽度和高度对您的情况不会有帮助。您也可以将相同的%镜像到固定位置。

您的另一个选择是使用媒体查询在页面宽度缩小或扩展时动态设置宽度。

哎呀,你可能会发现你喜欢这两个选项的组合。